Quantcast
Viewing all articles
Browse latest Browse all 517218

Автоматическая прокрутка - ({fx:{opacity: "toggle"}}) + ("rotate") - jQuery

Нужна помощь! Куда в этом конкретном примере можно вставить ({fx:{opacity: "toggle"}}) и ("rotate")? Необходимо сменить перелистывание слайда на плавное исчезновение первого, а затем появление второго с периодичностью в пять секунд.
Спасибо!
Код:

                $(document).ready(function() {
                $(".slider").each(function () {
                  var obj = $(this);
                  $(obj).append("<div class='nav'></div>");
                  $(obj).find("li").each(function () {
                  $(obj).find(".nav").append("<span rel='"+$(this).index()+"'></span>");
                  $(this).addClass("slider"+$(this).index());
                  });
                  $(obj).find("span").first().addClass("on");
                });
                });
                function sliderJS (obj, sl) {
                var ul = $(sl).find("ul");
                var bl = $(sl).find("li.slider"+obj);
                var step = $(bl).width();
                $(ul).animate({marginLeft: "-"+step*obj}, 500);
                }
                $(document).on("click", ".slider .nav span", function() {
                var sl = $(this).closest(".slider");
                $(sl).find("span").removeClass("on");
                $(this).addClass("on");
                var obj = $(this).attr("rel");
                sliderJS(obj, sl); //
                return false;
                });


Viewing all articles
Browse latest Browse all 517218

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>