Как сделать автоматическое переключение изображения слайдера ???

Как добавить эффекты слайдера ??? Куда вставлять эти эффекты ???

Эффекты слайдера

sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft fold fade random slideInRight slideInLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse

JS

//Header slider ;(function($) { $.fn.featureList = function(options) { var tabs = $(this); var output = $(options.output); new jQuery.featureList(tabs, output, options); return this; }; $.featureList = function(tabs, output, options) { function slide(nr) { if (typeof nr == "undefined") { nr = visible_item + 1; nr = nr >= total_items ? 0 : nr; } tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current'); output.stop(true, true).filter(":visible").fadeOut(500); output.filter(":eq(" + nr + ")").fadeIn(function() { visible_item = nr; }); } var options = options || {}; var total_items = tabs.length; var visible_item = options.start_item || 0; options.pause_on_hover = options.pause_on_hover || false; options.transition_interval = options.transition_interval || 0; output.hide().eq( visible_item ).show(); tabs.eq( visible_item ).addClass('current'); $('#hSlider .slider_next').click(function() { if( $('#hSlider li').is(':animated') ) {} else { var current_visible = $('#hSlider li:visible').index(); var list_ps = $('#hSlider li').size(); current_visible++; if (list_ps > current_visible) { slide(current_visible); } else { slide(0); }; }; }); $('#hSlider .slider_prev').click(function() { if( $('#hSlider_list li').is(':animated') ) {} else { var current_visible = $('#hSlider li:visible').index(); var list_ps = $('#hSlider li').size(); var list_ps = list_ps -1; current_visible--; if (current_visible < 0) { slide(list_ps); } else { slide(current_visible); }; }; }); if (options.transition_interval > 0) { var timer = setInterval(function () { slide(); }, options.transition_interval); if (options.pause_on_hover) { tabs.mouseenter(function() { clearInterval( timer ); }).mouseleave(function() { clearInterval( timer ); timer = setInterval(function () { slide(); }, options.transition_interval); }); } } }; })(jQuery); $(document).ready(function() { $.featureList( $("#hSlider_list li"), $("#hSlider_list li"), { start_item : 0 }); }); //Header slider showhide button $(document).ready(function(){ var hs_ys = 0; $('#hSlider_nav_toggle').click(function(){ if(hs_ys == 1) { $('.hS_text').stop(true, true); $('.hS_text').slideDown(500); $('#hSlider_nav_toggle').addClass('current'); $('#hSlider').removeClass('current2'); hs_ys = 0; } else { $('.hS_text').stop(true, true); $('.hS_text:visible').slideUp(500, function () { $('#hSlider').addClass('current2'); }); $('#hSlider_nav_toggle').removeClass('current'); hs_ys = 1; }; return false; }); }); $(function() { $("#link_reload").click(function(){ window.location.reload(); return false; }); });

Источник: dle-faq.pro

Перейти на сайт

Как сделать автоматическое переключение изображения слайдера ???

Похожие новости