Problems with the fx-libary on fading

[janstieler]

Hi, I used the FX-libary to give different elements different effects. But I have the problem that my class .headline is moving to left on fadingout. How can I fix this?

$(function(){ 
    $('#slider')
    .anythingSlider({
        buildArrows: false,
        buildStartStop: false,
        resizeContents: true,
        autoPlay: true,
        autoPlayLocked: false,
        autoPlayDelayed: false,
        pauseOnHover: true,
        stopAtEnd: false,
        playRtl: false,
        delay: 3000,
        resumeDelay: 15000,
        animationTime: 600,
        delayBeforeAnimate: 0,
        // Callback when the plugin finished initializing
        onInitialized: function(e, slider) {
            slider.$controls.prepend('<ul><li><a class="prev"><</a></li></ul>').append('<ul><li><a class="next">></a></li></ul>').find('.prev, .next').click(function() {
                if ($(this).is('.prev')) {
                    slider.goBack();
                } else {
                    slider.goForward();
                }
            });
        }       
    }) 
    .anythingSliderFx({
        // base FX definitions can be mixed and matched in here too. 
        '.headline' : [ 'fade' ],
        '.starelement' : {};
    });
});

[Mottie]

Hi bueroexit!

Try adding a low number to the delayBeforeAnimate option. Something like 50 or 100 and see if that fixes the look.

[janstieler]

Hi, thanks this helped to solve the problem!

BR