$(document).ready(function(){ if($("#highlight .bxslider").children().size() > 1) { var currentSlide, oldSlide, newSlide; var slider = $("#highlight .bxslider").bxSlider({ controls: false, mode: "fade", speed: 100, pause: 8000, auto: true, preloadImages: 'all', onSliderLoad : function(currentIndex) { currentSlide = $(".ditto1slider", slider).get(currentIndex); /*$(".ditto1slider", slider).not(currentSlide).each(function() { $(".imgSlider", oldSlide).animate({opacity: 0, "margin-left": -500}, 400, "swing"); $(".imgSlider", currentSlide).animate({opacity: 1, "margin-left": 0}, 400, "swing"); $(".titreSlider", oldSlide).css({opacity: 0, "margin-top": -150}); $(".titreSlider", currentSlide).delay(800).animate({opacity: 1, "margin-top": 30}, 300, "linear"); $(".chapoSlider", oldSlide).css({opacity: 0, "margin-top": 410}); $(".chapoSlider", currentSlide).delay(900).animate({opacity: 1, "margin-top": 30}, 300, "linear"); });*/ $(".imgSlider", currentSlide) .css({opacity: 0, "margin-left": -500}) .animate({opacity: 1, "margin-left": 0}, 400, "swing"); $(".titreSlider", currentSlide) .css({opacity: 0, "margin-top": -150}) .delay(800) .animate({opacity: 1, "margin-top": 30}, 300, "linear"); $(".chapoSlider", currentSlide) .css({opacity: 0, "margin-top": 410}) .delay(900) .animate({opacity: 1, "margin-top": 30}, 300, "linear"); $(".ditto1slider", slider).not(currentSlide).each(function() { $(".imgSlider", this).css({opacity: 0, "margin-left": -500}); $(".titreSlider", this).css({opacity: 0, "margin-top": -150}); $(".chapoSlider", this).css({opacity: 0, "margin-top": 410}); }); }, onSlideBefore: function($slideElement, oldIndex, newIndex) { oldSlide = $(".ditto1slider", slider).get(oldIndex); newSlide = $(".ditto1slider", slider).get(newIndex); $(".container", oldSlide).animate({left: - $(".container", oldSlide).innerWidth()}, 1000, "linear"); $(".imgSlider", oldSlide).animate({opacity: 0, "margin-left": -500}, 400, "swing"); $(".imgSlider", newSlide).animate({opacity: 1, "margin-left": 0}, 400, "swing"); $(".titreSlider", oldSlide).css({opacity: 0, "margin-top": -150}); $(".titreSlider", newSlide).delay(400).animate({opacity: 1, "margin-top": 30}, 300, "linear"); $(".chapoSlider", oldSlide).css({opacity: 0, "margin-top": 410}); $(".chapoSlider", newSlide).delay(650).animate({opacity: 1, "margin-top": 0}, 300, "linear"); }, onSlideAfter: function($slideElement, oldIndex, newIndex) { oldSlide = $(".ditto1slider", slider).get(oldIndex); newSlide = $(".ditto1slider", slider).get(newIndex); $(".container", oldSlide).css({"left": ""}); $(".titreSlider, .chapoSlider", this).css({opacity: 0, "margin-top": -150}); $(".imgSlider", this).css({"margin-top": $(".imgSlider", this).innerHeight()}); $(".bx-pager-link").on("click", function() { $(this).trigger("blur"); }); } }); } });