
Как добавить эффекты слайдера ??? Куда вставлять эти эффекты ???
Эффекты слайдера
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
Источник: vip.boss
Другие материалы на сайте b.Z - Записки о гаджетах, людях и музыке