Модуль "Слайд Шоу - для Специальных продуктов"

Smallbear · 3 березня 2011

Очередной раз спасибо! Выполнил инструкцию - всё срослось.

и что неужели нормально заработал?

у меня почему-то работает , но изменения не сохраняются и поэтому как я понимаю на сайте никакой слайдер и не появляется

gdi31 · 3 березня 2011

и что неужели нормально заработал?

у меня почему-то работает , но изменения не сохраняются и поэтому как я понимаю на сайте никакой слайдер и не появляется

Открыл Notepad++, там есть функция искать и заменять, сделал всё по иструкции, заработало всё как часы тут можно глянуть результат.

Smallbear · 3 березня 2011

Открыл Notepad++, там есть функция искать и заменять, сделал всё по иструкции, заработало всё как часы тут можно глянуть результат.

Ну да у Вас все четко работает,а у меня почему-то не сохраняет изменения. Скажите у Вас на сайте слайдер в шапке стоит,как он называется?Я просто ищу такой с точечками внизу и никак найти не могу,не поделитесь?И еще у Вас модуль есть онлайн чата,если не сложно не могли бы и его название написать,а то я какой-то находил ,но он почему-то не работал..

gdi31 · 3 березня 2011

Ну да у Вас все четко работает,а у меня почему-то не сохраняет изменения. Скажите у Вас на сайте слайдер в шапке стоит,как он называется?Я просто ищу такой с точечками внизу и никак найти не могу,не поделитесь?И еще у Вас модуль есть онлайн чата,если не сложно не могли бы и его название написать,а то я какой-то находил ,но он почему-то не работал..

Модуль онлайн тут, слайдер в комплекте с шаблоном, если честно и не знаю даже.

Smallbear · 3 березня 2011

Модуль онлайн тут, слайдер в комплекте с шаблоном, если честно и не знаю даже.

Спасибо,попробую поставить.

19th · 3 березня 2011

Очередной раз спасибо! Выполнил инструкцию - всё срослось.

Может еще изменные файлы выложишь? Что бы работа не пропадала :)

gdi31 · 4 березня 2011

Может еще изменные файлы выложишь? Что бы работа не пропадала :)

Не вопрос! Только как это сделать - при прикрепление файла выдаёт "Вы не можете загружать файлы подобного типа" тоесть RAR.

gdi31 · 4 березня 2011

Не вопрос! Только как это сделать - при прикрепление файла выдаёт "Вы не можете загружать файлы подобного типа" тоесть RAR.

Вкурил. Нужно было в ZIP :) .

Файл отправил!

echo · 13 березня 2011

Добрый день! Та же проблема что и у Smallbear. Установил модуль, выложенный в предидущем сообщении. Никакие ошибки не выдал. Но при изменении модуля перекидывает на начальную страницу админки а модуль остается в статусе Отключен. В чем может быть проблема? Версия магазина: ocStore Version 0.1.7

gdi31 · 12 липня 2011

Установлен у меня этот модуль вроде всё вертится, всё хорошо, но хотелось бы ещё лучше!

Может кто подсказать, где, шо, "подвинтить" чтоб при переходе на другую страницу сайта, слайд не начинал процесс показа всё заново, а продолжал плавно прокручивать всё по очереди, примерно вот так.

Ещё за одно хотел узнать, страшно вот это или нет?

так выглядит в DW (режим дизайна).

Вот так выглядит код sidebarslideshow.tpl:

<!--Слайд спец предложение-->
<div class="box">
  <div class="top"><img src="catalog/view/theme/default2free/image/1f.png" alt="школьная обувь" /><?php echo $heading_title; ?></div>
  <div class="middle" style="text-align:center;height:215px ">
  <?php 
  	for($j = 0; $j <= 9; $j++){
    	if(isset($products[$j])){
    		?>
        	<div class="slide" id="slide<?php echo $j; ?>" <?php if($j == 0) { ?> style="display:visible;height:190px" <?php } else { ?> style="display:none;height:190px" <?php } ?>>
    		<a href="<?php echo $products[$j]['href']; ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
    		<a href="<?php echo $products[$j]['href']; ?>"><?php echo $products[$j]['name']; ?></a><br />
    		<?php if ($display_price) { ?>
    			<?php if (!$products[$j]['special']) { ?>
    				<span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span><br />
   				<?php } else { ?>
   					<span style="color: #F00; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #900; font-weight: bold;"><?php echo $products[$j]['special']; ?></span><br />
   				<?php } ?>
    		<?php } ?>
    		<?php if ($products[$j]['rating']) { ?>
    			<img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
    		<?php } ?>
        	</div>
        	<?php
    	}
    }
  ?>
<a href="<?php echo $special; ?>" ><?php echo $product_special; ?></a>
  </div>
  <div class="bottom"> </div>
</div>

<script type="text/javascript">
  $(document).ready(function() {
		//SET TO DESIRED SECONDS BETWEEN SLIDES
		var timer = 9;
	
		//SET TO DESIRED SLIDE FADE IN/OUT TIME
		var fadeTime = 2000;
		
		//NUMBER OF ELEMENTS IN SLIDE CLASS RENDERED
  		var i = $('.slide').length;
		
		var x = 0;
		
		showSlide();
	
		function showSlide(){
			curSlide = "#slide" + x;
			
			if(x == 0){
				prevSlide = "#slide" + (i - 1);
			} else {
				prevSlide = "#slide" + (x - 1);
			}
			
			$(prevSlide).fadeOut(fadeTime, function(){
				$(curSlide).fadeIn(fadeTime);
				if(x == (i - 1)){
					x = 0;
				} else {
					x++;
				}
			});
			
			setTimeout(showSlide, timer * 1000);
		}
 });
</script>
 <!--/Слайд спец предложение конец-->

P.S. Методом тыка, жёлтую полосу убрать не удалось.

Smallbear · 12 липня 2011

Установлен у меня этот модуль вроде всё вертится, всё хорошо, но хотелось бы ещё лучше!

Может кто подсказать, где, шо, "подвинтить" чтоб при переходе на другую страницу сайта, слайд не начинал процесс показа всё заново, а продолжал плавно прокручивать всё по очереди, примерно вот так.

Ещё за одно хотел узнать, страшно вот это или нет?

так выглядит в DW (режим дизайна).

Вот так выглядит код sidebarslideshow.tpl:

<!--Слайд спец предложение-->
<div class="box">
  <div class="top"><img src="catalog/view/theme/default2free/image/1f.png" alt="школьная обувь" /><?php echo $heading_title; ?></div>
  <div class="middle" style="text-align:center;height:215px ">
  <?php 
  	for($j = 0; $j <= 9; $j++){
    	if(isset($products[$j])){
    		?>
        	<div class="slide" id="slide<?php echo $j; ?>" <?php if($j == 0) { ?> style="display:visible;height:190px" <?php } else { ?> style="display:none;height:190px" <?php } ?>>
    		<a href="<?php echo $products[$j]['href']; ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a><br />
    		<a href="<?php echo $products[$j]['href']; ?>"><?php echo $products[$j]['name']; ?></a><br />
    		<?php if ($display_price) { ?>
    			<?php if (!$products[$j]['special']) { ?>
    				<span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span><br />
   				<?php } else { ?>
   					<span style="color: #F00; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #900; font-weight: bold;"><?php echo $products[$j]['special']; ?></span><br />
   				<?php } ?>
    		<?php } ?>
    		<?php if ($products[$j]['rating']) { ?>
    			<img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
    		<?php } ?>
        	</div>
        	<?php
    	}
    }
  ?>
<a href="<?php echo $special; ?>" ><?php echo $product_special; ?></a>
  </div>
  <div class="bottom"> </div>
</div>

<script type="text/javascript">
  $(document).ready(function() {
		//SET TO DESIRED SECONDS BETWEEN SLIDES
		var timer = 9;
	
		//SET TO DESIRED SLIDE FADE IN/OUT TIME
		var fadeTime = 2000;
		
		//NUMBER OF ELEMENTS IN SLIDE CLASS RENDERED
  		var i = $('.slide').length;
		
		var x = 0;
		
		showSlide();
	
		function showSlide(){
			curSlide = "#slide" + x;
			
			if(x == 0){
				prevSlide = "#slide" + (i - 1);
			} else {
				prevSlide = "#slide" + (x - 1);
			}
			
			$(prevSlide).fadeOut(fadeTime, function(){
				$(curSlide).fadeIn(fadeTime);
				if(x == (i - 1)){
					x = 0;
				} else {
					x++;
				}
			});
			
			setTimeout(showSlide, timer * 1000);
		}
 });
</script>
 <!--/Слайд спец предложение конец-->

P.S. Методом тыка, жёлтую полосу убрать не удалось.

В примере,что по ссылке не по порядку а каждый раз разная картинка. Можете перезагрузить пару раз одну и ту же страницу и увидите,что буду всегда разные товары.

У меня вот наоборот проблема, у меня слайдер в шапке как раз как на том сайте при перезагрузки меняет картинку,а хочется , чтобы всегда слайды шли одинаково,но как решить я так и не понял.

Спрашивал тут Simple HomeSlide Module - вопрос как выставить сортировку слайдов?

Но так никто и не помог сделать

gdi31 · 12 липня 2011

В примере,что по ссылке не по порядку а каждый раз разная картинка. Можете перезагрузить пару раз одну и ту же страницу и увидите,что буду всегда разные товары.

У меня вот наоборот проблема, у меня слайдер в шапке как раз как на том сайте при перезагрузки меняет картинку,а хочется , чтобы всегда слайды шли одинаково,но как решить я так и не понял.

Спрашивал тут Simple HomeSlide Module - вопрос как выставить сортировку слайдов?

Но так никто и не помог сделать

Бывает же так :) , мне туда а тебе от туда.

Короче такое предложение, делаем так!

В этой теме пишем каждый день, чтоб не завяло и ждем "маньяка" :) который волокёт и всё разрулит, видать трудный вопрос, раз тебе не кто помочь не смог.

Yesvik · 12 липня 2011

Да нафига Вам маньяк... Вы и сами маньячите не по детски :)

Править упакованный слайдер - это по взрослому!

Я бы до такого не додумался и как минимум привел бы в читаемый вид код слайдера

(function ($) {
    var NivoSlider = function (element, options) {
            var settings = $.extend({}, $.fn.nivoSlider.defaults, options);
            var vars = {
                currentSlide: 0,
                currentImage: '',
                totalSlides: 0,
                randAnim: '',
                running: false,
                paused: false,
                stop: false
            };
            var slider = $(element);
            slider.data('nivo:vars', vars);
            slider.css('position', 'relative');
            slider.addClass('nivoSlider');
            var kids = slider.children();
            kids.each(function () {
                var child = $(this);
                var link = '';
                if (!child.is('img')) {
                    if (child.is('a')) {
                        child.addClass('nivo-imageLink');
                        link = child;
                    }
                    child = child.find('img:first');
                }
                var childWidth = child.width();
                if (childWidth == 0) childWidth = child.attr('width');
                var childHeight = child.height();
                if (childHeight == 0) childHeight = child.attr('height');
                if (childWidth > slider.width()) {
                    slider.width(childWidth);
                }
                if (childHeight > slider.height()) {
                    slider.height(childHeight);
                }
                if (link != '') {
                    link.css('display', 'none');
                }
                child.css('display', 'none');
                vars.totalSlides++;
            });
            if (settings.startSlide > 0) {
                if (settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1;
                vars.currentSlide = settings.startSlide;
            }
            if ($(kids[vars.currentSlide]).is('img')) {
                vars.currentImage = $(kids[vars.currentSlide]);
            } else {
                vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
            }
            if ($(kids[vars.currentSlide]).is('a')) {
                $(kids[vars.currentSlide]).css('display', 'block');
            }
            slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
            slider.append($('<div class="nivo-caption"><p></p></div>').css({
                display: 'none',
                opacity: settings.captionOpacity
            }));
            var processCaption = function (settings) {
                    var nivoCaption = $('.nivo-caption', slider);
                    if (vars.currentImage.attr('title') != '') {
                        var title = vars.currentImage.attr('title');
                        if (title.substr(0, 1) == '#') title = $(title).html();
                        if (nivoCaption.css('display') == 'block') {
                            nivoCaption.find('p').fadeOut(settings.animSpeed, function () {
                                $(this).html(title);
                                $(this).fadeIn(settings.animSpeed);
                            });
                        } else {
                            nivoCaption.find('p').html(title);
                        }
                        nivoCaption.fadeIn(settings.animSpeed);
                    } else {
                        nivoCaption.fadeOut(settings.animSpeed);
                    }
                }
            processCaption(settings);
            var timer = 0;
            if (!settings.manualAdvance && kids.length > 1) {
                timer = setInterval(function () {
                    nivoRun(slider, kids, settings, false);
                }, settings.pauseTime);
            }
            if (settings.directionNav) {
                slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">' + settings.prevText + '</a><a class="nivo-nextNav">' + settings.nextText + '</a></div>');
                if (settings.directionNavHide) {
                    $('.nivo-directionNav', slider).hide();
                    slider.hover(function () {
                        $('.nivo-directionNav', slider).show();
                    }, function () {
                        $('.nivo-directionNav', slider).hide();
                    });
                }
                $('a.nivo-prevNav', slider).live('click', function () {
                    if (vars.running) return false;
                    clearInterval(timer);
                    timer = '';
                    vars.currentSlide -= 2;
                    nivoRun(slider, kids, settings, 'prev');
                });
                $('a.nivo-nextNav', slider).live('click', function () {
                    if (vars.running) return false;
                    clearInterval(timer);
                    timer = '';
                    nivoRun(slider, kids, settings, 'next');
                });
            }
            if (settings.controlNav) {
                var nivoControl = $('<div class="nivo-controlNav"></div>');
                slider.append(nivoControl);
                for (var i = 0; i < kids.length; i++) {
                    if (settings.controlNavThumbs) {
                        var child = kids.eq(i);
                        if (!child.is('img')) {
                            child = child.find('img:first');
                        }
                        if (settings.controlNavThumbsFromRel) {
                            nivoControl.append('<a class="nivo-control" rel="' + i + '"><img src="' + child.attr('rel') + '" alt="" /></a>');
                        } else {
                            nivoControl.append('<a class="nivo-control" rel="' + i + '"><img src="' + child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) + '" alt="" /></a>');
                        }
                    } else {
                        nivoControl.append('<a class="nivo-control" rel="' + i + '">' + (i + 1) + '</a>');
                    }
                }
                $('.nivo-controlNav a:eq(' + vars.currentSlide + ')', slider).addClass('active');
                $('.nivo-controlNav a', slider).live('click', function () {
                    if (vars.running) return false;
                    if ($(this).hasClass('active')) return false;
                    clearInterval(timer);
                    timer = '';
                    slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
                    vars.currentSlide = $(this).attr('rel') - 1;
                    nivoRun(slider, kids, settings, 'control');
                });
            }
            if (settings.keyboardNav) {
                $(window).keypress(function (event) {
                    if (event.keyCode == '37') {
                        if (vars.running) return false;
                        clearInterval(timer);
                        timer = '';
                        vars.currentSlide -= 2;
                        nivoRun(slider, kids, settings, 'prev');
                    }
                    if (event.keyCode == '39') {
                        if (vars.running) return false;
                        clearInterval(timer);
                        timer = '';
                        nivoRun(slider, kids, settings, 'next');
                    }
                });
            }
            if (settings.pauseOnHover) {
                slider.hover(function () {
                    vars.paused = true;
                    clearInterval(timer);
                    timer = '';
                }, function () {
                    vars.paused = false;
                    if (timer == '' && !settings.manualAdvance) {
                        timer = setInterval(function () {
                            nivoRun(slider, kids, settings, false);
                        }, settings.pauseTime);
                    }
                });
            }
            slider.bind('nivo:animFinished', function () {
                vars.running = false;
                $(kids).each(function () {
                    if ($(this).is('a')) {
                        $(this).css('display', 'none');
                    }
                });
                if ($(kids[vars.currentSlide]).is('a')) {
                    $(kids[vars.currentSlide]).css('display', 'block');
                }
                if (timer == '' && !vars.paused && !settings.manualAdvance) {
                    timer = setInterval(function () {
                        nivoRun(slider, kids, settings, false);
                    }, settings.pauseTime);
                }
                settings.afterChange.call(this);
            });
            var createSlices = function (slider, settings, vars) {
                    for (var i = 0; i < settings.slices; i++) {
                        var sliceWidth = Math.round(slider.width() / settings.slices);
                        if (i == settings.slices - 1) {
                            slider.append($('<div class="nivo-slice"></div>').css({
                                left: (sliceWidth * i) + 'px',
                                width: (slider.width() - (sliceWidth * i)) + 'px',
                                height: '0px',
                                opacity: '0',
                                background: 'url("' + vars.currentImage.attr('src') + '") no-repeat -' + ((sliceWidth + (i * sliceWidth)) - sliceWidth) + 'px 0%'
                            }));
                        } else {
                            slider.append($('<div class="nivo-slice"></div>').css({
                                left: (sliceWidth * i) + 'px',
                                width: sliceWidth + 'px',
                                height: '0px',
                                opacity: '0',
                                background: 'url("' + vars.currentImage.attr('src') + '") no-repeat -' + ((sliceWidth + (i * sliceWidth)) - sliceWidth) + 'px 0%'
                            }));
                        }
                    }
                }
            var createBoxes = function (slider, settings, vars) {
                    var boxWidth = Math.round(slider.width() / settings.boxCols);
                    var boxHeight = Math.round(slider.height() / settings.boxRows);
                    for (var rows = 0; rows < settings.boxRows; rows++) {
                        for (var cols = 0; cols < settings.boxCols; cols++) {
                            if (cols == settings.boxCols - 1) {
                                slider.append($('<div class="nivo-box"></div>').css({
                                    opacity: 0,
                                    left: (boxWidth * cols) + 'px',
                                    top: (boxHeight * rows) + 'px',
                                    width: (slider.width() - (boxWidth * cols)) + 'px',
                                    height: boxHeight + 'px',
                                    background: 'url("' + vars.currentImage.attr('src') + '") no-repeat -' + ((boxWidth + (cols * boxWidth)) - boxWidth) + 'px -' + ((boxHeight + (rows * boxHeight)) - boxHeight) + 'px'
                                }));
                            } else {
                                slider.append($('<div class="nivo-box"></div>').css({
                                    opacity: 0,
                                    left: (boxWidth * cols) + 'px',
                                    top: (boxHeight * rows) + 'px',
                                    width: boxWidth + 'px',
                                    height: boxHeight + 'px',
                                    background: 'url("' + vars.currentImage.attr('src') + '") no-repeat -' + ((boxWidth + (cols * boxWidth)) - boxWidth) + 'px -' + ((boxHeight + (rows * boxHeight)) - boxHeight) + 'px'
                                }));
                            }
                        }
                    }
                }
            var nivoRun = function (slider, kids, settings, nudge) {
                    var vars = slider.data('nivo:vars');
                    if (vars && (vars.currentSlide == vars.totalSlides - 1)) {
                        settings.lastSlide.call(this);
                    }
                    if ((!vars || vars.stop) && !nudge) return false;
                    settings.beforeChange.call(this);
                    if (!nudge) {
                        slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
                    } else {
                        if (nudge == 'prev') {
                            slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
                        }
                        if (nudge == 'next') {
                            slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
                        }
                    }
                    vars.currentSlide++;
                    if (vars.currentSlide == vars.totalSlides) {
                        vars.currentSlide = 0;
                        settings.slideshowEnd.call(this);
                    }
                    if (vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);
                    if ($(kids[vars.currentSlide]).is('img')) {
                        vars.currentImage = $(kids[vars.currentSlide]);
                    } else {
                        vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
                    }
                    if (settings.controlNav) {
                        $('.nivo-controlNav a', slider).removeClass('active');
                        $('.nivo-controlNav a:eq(' + vars.currentSlide + ')', slider).addClass('active');
                    }
                    processCaption(settings);
                    $('.nivo-slice', slider).remove();
                    $('.nivo-box', slider).remove();
                    if (settings.effect == 'random') {
                        var anims = new Array('sliceDownRight', 'sliceDownLeft', 'sliceUpRight', 'sliceUpLeft', 'sliceUpDown', 'sliceUpDownLeft', 'fold', 'fade', 'boxRandom', 'boxRain', 'boxRainReverse', 'boxRainGrow', 'boxRainGrowReverse');
                        vars.randAnim = anims[Math.floor(Math.random() * (anims.length + 1))];
                        if (vars.randAnim == undefined) vars.randAnim = 'fade';
                    }
                    if (settings.effect.indexOf(',') != -1) {
                        var anims = settings.effect.split(',');
                        vars.randAnim = anims[Math.floor(Math.random() * (anims.length))];
                        if (vars.randAnim == undefined) vars.randAnim = 'fade';
                    }
                    vars.running = true;
                    if (settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' || settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') {
                        createSlices(slider, settings, vars);
                        var timeBuff = 0;
                        var i = 0;
                        var slices = $('.nivo-slice', slider);
                        if (settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse();
                        slices.each(function () {
                            var slice = $(this);
                            slice.css({
                                'top': '0px'
                            });
                            if (i == settings.slices - 1) {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 50;
                            i++;
                        });
                    } else if (settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' || settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') {
                        createSlices(slider, settings, vars);
                        var timeBuff = 0;
                        var i = 0;
                        var slices = $('.nivo-slice', slider);
                        if (settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse();
                        slices.each(function () {
                            var slice = $(this);
                            slice.css({
                                'bottom': '0px'
                            });
                            if (i == settings.slices - 1) {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 50;
                            i++;
                        });
                    } else if (settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' || settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') {
                        createSlices(slider, settings, vars);
                        var timeBuff = 0;
                        var i = 0;
                        var v = 0;
                        var slices = $('.nivo-slice', slider);
                        if (settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse();
                        slices.each(function () {
                            var slice = $(this);
                            if (i == 0) {
                                slice.css('top', '0px');
                                i++;
                            } else {
                                slice.css('bottom', '0px');
                                i = 0;
                            }
                            if (v == settings.slices - 1) {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 50;
                            v++;
                        });
                    } else if (settings.effect == 'fold' || vars.randAnim == 'fold') {
                        createSlices(slider, settings, vars);
                        var timeBuff = 0;
                        var i = 0;
                        $('.nivo-slice', slider).each(function () {
                            var slice = $(this);
                            var origWidth = slice.width();
                            slice.css({
                                top: '0px',
                                height: '100%',
                                width: '0px'
                            });
                            if (i == settings.slices - 1) {
                                setTimeout(function () {
                                    slice.animate({
                                        width: origWidth,
                                        opacity: '1.0'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    slice.animate({
                                        width: origWidth,
                                        opacity: '1.0'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 50;
                            i++;
                        });
                    } else if (settings.effect == 'fade' || vars.randAnim == 'fade') {
                        createSlices(slider, settings, vars);
                        var firstSlice = $('.nivo-slice:first', slider);
                        firstSlice.css({
                            'height': '100%',
                            'width': slider.width() + 'px'
                        });
                        firstSlice.animate({
                            opacity: '1.0'
                        }, (settings.animSpeed * 2), '', function () {
                            slider.trigger('nivo:animFinished');
                        });
                    } else if (settings.effect == 'slideInRight' || vars.randAnim == 'slideInRight') {
                        createSlices(slider, settings, vars);
                        var firstSlice = $('.nivo-slice:first', slider);
                        firstSlice.css({
                            'height': '100%',
                            'width': '0px',
                            'opacity': '1'
                        });
                        firstSlice.animate({
                            width: slider.width() + 'px'
                        }, (settings.animSpeed * 2), '', function () {
                            slider.trigger('nivo:animFinished');
                        });
                    } else if (settings.effect == 'slideInLeft' || vars.randAnim == 'slideInLeft') {
                        createSlices(slider, settings, vars);
                        var firstSlice = $('.nivo-slice:first', slider);
                        firstSlice.css({
                            'height': '100%',
                            'width': '0px',
                            'opacity': '1',
                            'left': '',
                            'right': '0px'
                        });
                        firstSlice.animate({
                            width: slider.width() + 'px'
                        }, (settings.animSpeed * 2), '', function () {
                            firstSlice.css({
                                'left': '0px',
                                'right': ''
                            });
                            slider.trigger('nivo:animFinished');
                        });
                    } else if (settings.effect == 'boxRandom' || vars.randAnim == 'boxRandom') {
                        createBoxes(slider, settings, vars);
                        var totalBoxes = settings.boxCols * settings.boxRows;
                        var i = 0;
                        var timeBuff = 0;
                        var boxes = shuffle($('.nivo-box', slider));
                        boxes.each(function () {
                            var box = $(this);
                            if (i == totalBoxes - 1) {
                                setTimeout(function () {
                                    box.animate({
                                        opacity: '1'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    box.animate({
                                        opacity: '1'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 20;
                            i++;
                        });
                    } else if (settings.effect == 'boxRain' || vars.randAnim == 'boxRain' || settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' || settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse') {
                        createBoxes(slider, settings, vars);
                        var totalBoxes = settings.boxCols * settings.boxRows;
                        var i = 0;
                        var timeBuff = 0;
                        var rowIndex = 0;
                        var colIndex = 0;
                        var box2Darr = new Array();
                        box2Darr[rowIndex] = new Array();
                        var boxes = $('.nivo-box', slider);
                        if (settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse') {
                            boxes = $('.nivo-box', slider)._reverse();
                        }
                        boxes.each(function () {
                            box2Darr[rowIndex][colIndex] = $(this);
                            colIndex++;
                            if (colIndex == settings.boxCols) {
                                rowIndex++;
                                colIndex = 0;
                                box2Darr[rowIndex] = new Array();
                            }
                        });
                        for (var cols = 0; cols < (settings.boxCols * 2); cols++) {
                            var prevCol = cols;
                            for (var rows = 0; rows < settings.boxRows; rows++) {
                                if (prevCol >= 0 && prevCol < settings.boxCols) {
                                    (function (row, col, time, i, totalBoxes) {
                                        var box = $(box2Darr[row][col]);
                                        var w = box.width();
                                        var h = box.height();
                                        if (settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse') {
                                            box.width(0).height(0);
                                        }
                                        if (i == totalBoxes - 1) {
                                            setTimeout(function () {
                                                box.animate({
                                                    opacity: '1',
                                                    width: w,
                                                    height: h
                                                }, settings.animSpeed / 1.3, '', function () {
                                                    slider.trigger('nivo:animFinished');
                                                });
                                            }, (100 + time));
                                        } else {
                                            setTimeout(function () {
                                                box.animate({
                                                    opacity: '1',
                                                    width: w,
                                                    height: h
                                                }, settings.animSpeed / 1.3);
                                            }, (100 + time));
                                        }
                                    })(rows, prevCol, timeBuff, i, totalBoxes);
                                    i++;
                                }
                                prevCol--;
                            }
                            timeBuff += 100;
                        }
                    }
                }
            var shuffle = function (arr) {
                    for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
                    return arr;
                }
            var trace = function (msg) {
                    if (this.console && typeof console.log != "undefined") console.log(msg);
                }
            this.stop = function () {
                if (!$(element).data('nivo:vars').stop) {
                    $(element).data('nivo:vars').stop = true;
                    trace('Stop Slider');
                }
            }
            this.start = function () {
                if ($(element).data('nivo:vars').stop) {
                    $(element).data('nivo:vars').stop = false;
                    trace('Start Slider');
                }
            }
            settings.afterLoad.call(this);
            return this;
        };
    $.fn.nivoSlider = function (options) {
        return this.each(function (key, value) {
            var element = $(this);
            if (element.data('nivoslider')) return element.data('nivoslider');
            var nivoslider = new NivoSlider(this, options);
            element.data('nivoslider', nivoslider);
        });
    };
    $.fn.nivoSlider.defaults = {
        effect: 'random',
        slices: 15,
        boxCols: 8,
        boxRows: 4,
        animSpeed: 500,
        pauseTime: 3000,
        startSlide: 0,
        directionNav: true,
        directionNavHide: true,
        controlNav: true,
        controlNavThumbs: false,
        controlNavThumbsFromRel: false,
        controlNavThumbsSearch: '.jpg',
        controlNavThumbsReplace: '_thumb.jpg',
        keyboardNav: true,
        pauseOnHover: true,
        manualAdvance: false,
        captionOpacity: 0.8,
        prevText: 'Prev',
        nextText: 'Next',
        beforeChange: function () {},
        afterChange: function () {},
        slideshowEnd: function () {},
        lastSlide: function () {},
        afterLoad: function () {}
    };
    $.fn._reverse = [].reverse;
})(jQuery);

Но слайдер то известный... я бы пошел на сайт слайдера и почитал документацию!

Там же всё расписано...

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:3000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:true, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:true, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:true, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
});
</script>

Обратите внимание на строки

        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
        startSlide:0, // Set starting Slide (0 index)

Smallbear · 12 липня 2011

Да нафига Вам маньяк... Вы и сами маньячите не по детски :)

Править упакованный слайдер - это по взрослому!

Я бы до такого не додумался и как минимум привел бы в читаемый вид код слайдера

(function ($) {
    var NivoSlider = function (element, options) {
            var settings = $.extend({}, $.fn.nivoSlider.defaults, options);
            var vars = {
                currentSlide: 0,
                currentImage: '',
                totalSlides: 0,
                randAnim: '',
                running: false,
                paused: false,
                stop: false
            };
            var slider = $(element);
            slider.data('nivo:vars', vars);
            slider.css('position', 'relative');
            slider.addClass('nivoSlider');
            var kids = slider.children();
            kids.each(function () {
                var child = $(this);
                var link = '';
                if (!child.is('img')) {
                    if (child.is('a')) {
                        child.addClass('nivo-imageLink');
                        link = child;
                    }
                    child = child.find('img:first');
                }
                var childWidth = child.width();
                if (childWidth == 0) childWidth = child.attr('width');
                var childHeight = child.height();
                if (childHeight == 0) childHeight = child.attr('height');
                if (childWidth > slider.width()) {
                    slider.width(childWidth);
                }
                if (childHeight > slider.height()) {
                    slider.height(childHeight);
                }
                if (link != '') {
                    link.css('display', 'none');
                }
                child.css('display', 'none');
                vars.totalSlides++;
            });
            if (settings.startSlide > 0) {
                if (settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1;
                vars.currentSlide = settings.startSlide;
            }
            if ($(kids[vars.currentSlide]).is('img')) {
                vars.currentImage = $(kids[vars.currentSlide]);
            } else {
                vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
            }
            if ($(kids[vars.currentSlide]).is('a')) {
                $(kids[vars.currentSlide]).css('display', 'block');
            }
            slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
            slider.append($('<div class="nivo-caption"><p></p></div>').css({
                display: 'none',
                opacity: settings.captionOpacity
            }));
            var processCaption = function (settings) {
                    var nivoCaption = $('.nivo-caption', slider);
                    if (vars.currentImage.attr('title') != '') {
                        var title = vars.currentImage.attr('title');
                        if (title.substr(0, 1) == '#') title = $(title).html();
                        if (nivoCaption.css('display') == 'block') {
                            nivoCaption.find('p').fadeOut(settings.animSpeed, function () {
                                $(this).html(title);
                                $(this).fadeIn(settings.animSpeed);
                            });
                        } else {
                            nivoCaption.find('p').html(title);
                        }
                        nivoCaption.fadeIn(settings.animSpeed);
                    } else {
                        nivoCaption.fadeOut(settings.animSpeed);
                    }
                }
            processCaption(settings);
            var timer = 0;
            if (!settings.manualAdvance && kids.length > 1) {
                timer = setInterval(function () {
                    nivoRun(slider, kids, settings, false);
                }, settings.pauseTime);
            }
            if (settings.directionNav) {
                slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">' + settings.prevText + '</a><a class="nivo-nextNav">' + settings.nextText + '</a></div>');
                if (settings.directionNavHide) {
                    $('.nivo-directionNav', slider).hide();
                    slider.hover(function () {
                        $('.nivo-directionNav', slider).show();
                    }, function () {
                        $('.nivo-directionNav', slider).hide();
                    });
                }
                $('a.nivo-prevNav', slider).live('click', function () {
                    if (vars.running) return false;
                    clearInterval(timer);
                    timer = '';
                    vars.currentSlide -= 2;
                    nivoRun(slider, kids, settings, 'prev');
                });
                $('a.nivo-nextNav', slider).live('click', function () {
                    if (vars.running) return false;
                    clearInterval(timer);
                    timer = '';
                    nivoRun(slider, kids, settings, 'next');
                });
            }
            if (settings.controlNav) {
                var nivoControl = $('<div class="nivo-controlNav"></div>');
                slider.append(nivoControl);
                for (var i = 0; i < kids.length; i++) {
                    if (settings.controlNavThumbs) {
                        var child = kids.eq(i);
                        if (!child.is('img')) {
                            child = child.find('img:first');
                        }
                        if (settings.controlNavThumbsFromRel) {
                            nivoControl.append('<a class="nivo-control" rel="' + i + '"><img src="' + child.attr('rel') + '" alt="" /></a>');
                        } else {
                            nivoControl.append('<a class="nivo-control" rel="' + i + '"><img src="' + child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) + '" alt="" /></a>');
                        }
                    } else {
                        nivoControl.append('<a class="nivo-control" rel="' + i + '">' + (i + 1) + '</a>');
                    }
                }
                $('.nivo-controlNav a:eq(' + vars.currentSlide + ')', slider).addClass('active');
                $('.nivo-controlNav a', slider).live('click', function () {
                    if (vars.running) return false;
                    if ($(this).hasClass('active')) return false;
                    clearInterval(timer);
                    timer = '';
                    slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
                    vars.currentSlide = $(this).attr('rel') - 1;
                    nivoRun(slider, kids, settings, 'control');
                });
            }
            if (settings.keyboardNav) {
                $(window).keypress(function (event) {
                    if (event.keyCode == '37') {
                        if (vars.running) return false;
                        clearInterval(timer);
                        timer = '';
                        vars.currentSlide -= 2;
                        nivoRun(slider, kids, settings, 'prev');
                    }
                    if (event.keyCode == '39') {
                        if (vars.running) return false;
                        clearInterval(timer);
                        timer = '';
                        nivoRun(slider, kids, settings, 'next');
                    }
                });
            }
            if (settings.pauseOnHover) {
                slider.hover(function () {
                    vars.paused = true;
                    clearInterval(timer);
                    timer = '';
                }, function () {
                    vars.paused = false;
                    if (timer == '' && !settings.manualAdvance) {
                        timer = setInterval(function () {
                            nivoRun(slider, kids, settings, false);
                        }, settings.pauseTime);
                    }
                });
            }
            slider.bind('nivo:animFinished', function () {
                vars.running = false;
                $(kids).each(function () {
                    if ($(this).is('a')) {
                        $(this).css('display', 'none');
                    }
                });
                if ($(kids[vars.currentSlide]).is('a')) {
                    $(kids[vars.currentSlide]).css('display', 'block');
                }
                if (timer == '' && !vars.paused && !settings.manualAdvance) {
                    timer = setInterval(function () {
                        nivoRun(slider, kids, settings, false);
                    }, settings.pauseTime);
                }
                settings.afterChange.call(this);
            });
            var createSlices = function (slider, settings, vars) {
                    for (var i = 0; i < settings.slices; i++) {
                        var sliceWidth = Math.round(slider.width() / settings.slices);
                        if (i == settings.slices - 1) {
                            slider.append($('<div class="nivo-slice"></div>').css({
                                left: (sliceWidth * i) + 'px',
                                width: (slider.width() - (sliceWidth * i)) + 'px',
                                height: '0px',
                                opacity: '0',
                                background: 'url("' + vars.currentImage.attr('src') + '") no-repeat -' + ((sliceWidth + (i * sliceWidth)) - sliceWidth) + 'px 0%'
                            }));
                        } else {
                            slider.append($('<div class="nivo-slice"></div>').css({
                                left: (sliceWidth * i) + 'px',
                                width: sliceWidth + 'px',
                                height: '0px',
                                opacity: '0',
                                background: 'url("' + vars.currentImage.attr('src') + '") no-repeat -' + ((sliceWidth + (i * sliceWidth)) - sliceWidth) + 'px 0%'
                            }));
                        }
                    }
                }
            var createBoxes = function (slider, settings, vars) {
                    var boxWidth = Math.round(slider.width() / settings.boxCols);
                    var boxHeight = Math.round(slider.height() / settings.boxRows);
                    for (var rows = 0; rows < settings.boxRows; rows++) {
                        for (var cols = 0; cols < settings.boxCols; cols++) {
                            if (cols == settings.boxCols - 1) {
                                slider.append($('<div class="nivo-box"></div>').css({
                                    opacity: 0,
                                    left: (boxWidth * cols) + 'px',
                                    top: (boxHeight * rows) + 'px',
                                    width: (slider.width() - (boxWidth * cols)) + 'px',
                                    height: boxHeight + 'px',
                                    background: 'url("' + vars.currentImage.attr('src') + '") no-repeat -' + ((boxWidth + (cols * boxWidth)) - boxWidth) + 'px -' + ((boxHeight + (rows * boxHeight)) - boxHeight) + 'px'
                                }));
                            } else {
                                slider.append($('<div class="nivo-box"></div>').css({
                                    opacity: 0,
                                    left: (boxWidth * cols) + 'px',
                                    top: (boxHeight * rows) + 'px',
                                    width: boxWidth + 'px',
                                    height: boxHeight + 'px',
                                    background: 'url("' + vars.currentImage.attr('src') + '") no-repeat -' + ((boxWidth + (cols * boxWidth)) - boxWidth) + 'px -' + ((boxHeight + (rows * boxHeight)) - boxHeight) + 'px'
                                }));
                            }
                        }
                    }
                }
            var nivoRun = function (slider, kids, settings, nudge) {
                    var vars = slider.data('nivo:vars');
                    if (vars && (vars.currentSlide == vars.totalSlides - 1)) {
                        settings.lastSlide.call(this);
                    }
                    if ((!vars || vars.stop) && !nudge) return false;
                    settings.beforeChange.call(this);
                    if (!nudge) {
                        slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
                    } else {
                        if (nudge == 'prev') {
                            slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
                        }
                        if (nudge == 'next') {
                            slider.css('background', 'url("' + vars.currentImage.attr('src') + '") no-repeat');
                        }
                    }
                    vars.currentSlide++;
                    if (vars.currentSlide == vars.totalSlides) {
                        vars.currentSlide = 0;
                        settings.slideshowEnd.call(this);
                    }
                    if (vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);
                    if ($(kids[vars.currentSlide]).is('img')) {
                        vars.currentImage = $(kids[vars.currentSlide]);
                    } else {
                        vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
                    }
                    if (settings.controlNav) {
                        $('.nivo-controlNav a', slider).removeClass('active');
                        $('.nivo-controlNav a:eq(' + vars.currentSlide + ')', slider).addClass('active');
                    }
                    processCaption(settings);
                    $('.nivo-slice', slider).remove();
                    $('.nivo-box', slider).remove();
                    if (settings.effect == 'random') {
                        var anims = new Array('sliceDownRight', 'sliceDownLeft', 'sliceUpRight', 'sliceUpLeft', 'sliceUpDown', 'sliceUpDownLeft', 'fold', 'fade', 'boxRandom', 'boxRain', 'boxRainReverse', 'boxRainGrow', 'boxRainGrowReverse');
                        vars.randAnim = anims[Math.floor(Math.random() * (anims.length + 1))];
                        if (vars.randAnim == undefined) vars.randAnim = 'fade';
                    }
                    if (settings.effect.indexOf(',') != -1) {
                        var anims = settings.effect.split(',');
                        vars.randAnim = anims[Math.floor(Math.random() * (anims.length))];
                        if (vars.randAnim == undefined) vars.randAnim = 'fade';
                    }
                    vars.running = true;
                    if (settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' || settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') {
                        createSlices(slider, settings, vars);
                        var timeBuff = 0;
                        var i = 0;
                        var slices = $('.nivo-slice', slider);
                        if (settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse();
                        slices.each(function () {
                            var slice = $(this);
                            slice.css({
                                'top': '0px'
                            });
                            if (i == settings.slices - 1) {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 50;
                            i++;
                        });
                    } else if (settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' || settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') {
                        createSlices(slider, settings, vars);
                        var timeBuff = 0;
                        var i = 0;
                        var slices = $('.nivo-slice', slider);
                        if (settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse();
                        slices.each(function () {
                            var slice = $(this);
                            slice.css({
                                'bottom': '0px'
                            });
                            if (i == settings.slices - 1) {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 50;
                            i++;
                        });
                    } else if (settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' || settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') {
                        createSlices(slider, settings, vars);
                        var timeBuff = 0;
                        var i = 0;
                        var v = 0;
                        var slices = $('.nivo-slice', slider);
                        if (settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse();
                        slices.each(function () {
                            var slice = $(this);
                            if (i == 0) {
                                slice.css('top', '0px');
                                i++;
                            } else {
                                slice.css('bottom', '0px');
                                i = 0;
                            }
                            if (v == settings.slices - 1) {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    slice.animate({
                                        height: '100%',
                                        opacity: '1.0'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 50;
                            v++;
                        });
                    } else if (settings.effect == 'fold' || vars.randAnim == 'fold') {
                        createSlices(slider, settings, vars);
                        var timeBuff = 0;
                        var i = 0;
                        $('.nivo-slice', slider).each(function () {
                            var slice = $(this);
                            var origWidth = slice.width();
                            slice.css({
                                top: '0px',
                                height: '100%',
                                width: '0px'
                            });
                            if (i == settings.slices - 1) {
                                setTimeout(function () {
                                    slice.animate({
                                        width: origWidth,
                                        opacity: '1.0'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    slice.animate({
                                        width: origWidth,
                                        opacity: '1.0'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 50;
                            i++;
                        });
                    } else if (settings.effect == 'fade' || vars.randAnim == 'fade') {
                        createSlices(slider, settings, vars);
                        var firstSlice = $('.nivo-slice:first', slider);
                        firstSlice.css({
                            'height': '100%',
                            'width': slider.width() + 'px'
                        });
                        firstSlice.animate({
                            opacity: '1.0'
                        }, (settings.animSpeed * 2), '', function () {
                            slider.trigger('nivo:animFinished');
                        });
                    } else if (settings.effect == 'slideInRight' || vars.randAnim == 'slideInRight') {
                        createSlices(slider, settings, vars);
                        var firstSlice = $('.nivo-slice:first', slider);
                        firstSlice.css({
                            'height': '100%',
                            'width': '0px',
                            'opacity': '1'
                        });
                        firstSlice.animate({
                            width: slider.width() + 'px'
                        }, (settings.animSpeed * 2), '', function () {
                            slider.trigger('nivo:animFinished');
                        });
                    } else if (settings.effect == 'slideInLeft' || vars.randAnim == 'slideInLeft') {
                        createSlices(slider, settings, vars);
                        var firstSlice = $('.nivo-slice:first', slider);
                        firstSlice.css({
                            'height': '100%',
                            'width': '0px',
                            'opacity': '1',
                            'left': '',
                            'right': '0px'
                        });
                        firstSlice.animate({
                            width: slider.width() + 'px'
                        }, (settings.animSpeed * 2), '', function () {
                            firstSlice.css({
                                'left': '0px',
                                'right': ''
                            });
                            slider.trigger('nivo:animFinished');
                        });
                    } else if (settings.effect == 'boxRandom' || vars.randAnim == 'boxRandom') {
                        createBoxes(slider, settings, vars);
                        var totalBoxes = settings.boxCols * settings.boxRows;
                        var i = 0;
                        var timeBuff = 0;
                        var boxes = shuffle($('.nivo-box', slider));
                        boxes.each(function () {
                            var box = $(this);
                            if (i == totalBoxes - 1) {
                                setTimeout(function () {
                                    box.animate({
                                        opacity: '1'
                                    }, settings.animSpeed, '', function () {
                                        slider.trigger('nivo:animFinished');
                                    });
                                }, (100 + timeBuff));
                            } else {
                                setTimeout(function () {
                                    box.animate({
                                        opacity: '1'
                                    }, settings.animSpeed);
                                }, (100 + timeBuff));
                            }
                            timeBuff += 20;
                            i++;
                        });
                    } else if (settings.effect == 'boxRain' || vars.randAnim == 'boxRain' || settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' || settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse') {
                        createBoxes(slider, settings, vars);
                        var totalBoxes = settings.boxCols * settings.boxRows;
                        var i = 0;
                        var timeBuff = 0;
                        var rowIndex = 0;
                        var colIndex = 0;
                        var box2Darr = new Array();
                        box2Darr[rowIndex] = new Array();
                        var boxes = $('.nivo-box', slider);
                        if (settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse') {
                            boxes = $('.nivo-box', slider)._reverse();
                        }
                        boxes.each(function () {
                            box2Darr[rowIndex][colIndex] = $(this);
                            colIndex++;
                            if (colIndex == settings.boxCols) {
                                rowIndex++;
                                colIndex = 0;
                                box2Darr[rowIndex] = new Array();
                            }
                        });
                        for (var cols = 0; cols < (settings.boxCols * 2); cols++) {
                            var prevCol = cols;
                            for (var rows = 0; rows < settings.boxRows; rows++) {
                                if (prevCol >= 0 && prevCol < settings.boxCols) {
                                    (function (row, col, time, i, totalBoxes) {
                                        var box = $(box2Darr[row][col]);
                                        var w = box.width();
                                        var h = box.height();
                                        if (settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == 'boxRainGrowReverse') {
                                            box.width(0).height(0);
                                        }
                                        if (i == totalBoxes - 1) {
                                            setTimeout(function () {
                                                box.animate({
                                                    opacity: '1',
                                                    width: w,
                                                    height: h
                                                }, settings.animSpeed / 1.3, '', function () {
                                                    slider.trigger('nivo:animFinished');
                                                });
                                            }, (100 + time));
                                        } else {
                                            setTimeout(function () {
                                                box.animate({
                                                    opacity: '1',
                                                    width: w,
                                                    height: h
                                                }, settings.animSpeed / 1.3);
                                            }, (100 + time));
                                        }
                                    })(rows, prevCol, timeBuff, i, totalBoxes);
                                    i++;
                                }
                                prevCol--;
                            }
                            timeBuff += 100;
                        }
                    }
                }
            var shuffle = function (arr) {
                    for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
                    return arr;
                }
            var trace = function (msg) {
                    if (this.console && typeof console.log != "undefined") console.log(msg);
                }
            this.stop = function () {
                if (!$(element).data('nivo:vars').stop) {
                    $(element).data('nivo:vars').stop = true;
                    trace('Stop Slider');
                }
            }
            this.start = function () {
                if ($(element).data('nivo:vars').stop) {
                    $(element).data('nivo:vars').stop = false;
                    trace('Start Slider');
                }
            }
            settings.afterLoad.call(this);
            return this;
        };
    $.fn.nivoSlider = function (options) {
        return this.each(function (key, value) {
            var element = $(this);
            if (element.data('nivoslider')) return element.data('nivoslider');
            var nivoslider = new NivoSlider(this, options);
            element.data('nivoslider', nivoslider);
        });
    };
    $.fn.nivoSlider.defaults = {
        effect: 'random',
        slices: 15,
        boxCols: 8,
        boxRows: 4,
        animSpeed: 500,
        pauseTime: 3000,
        startSlide: 0,
        directionNav: true,
        directionNavHide: true,
        controlNav: true,
        controlNavThumbs: false,
        controlNavThumbsFromRel: false,
        controlNavThumbsSearch: '.jpg',
        controlNavThumbsReplace: '_thumb.jpg',
        keyboardNav: true,
        pauseOnHover: true,
        manualAdvance: false,
        captionOpacity: 0.8,
        prevText: 'Prev',
        nextText: 'Next',
        beforeChange: function () {},
        afterChange: function () {},
        slideshowEnd: function () {},
        lastSlide: function () {},
        afterLoad: function () {}
    };
    $.fn._reverse = [].reverse;
})(jQuery);

Но слайдер то известный... я бы пошел на сайт слайдера и почитал документацию!

Там же всё расписано...

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:3000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:true, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:true, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:true, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
});
</script>

Обратите внимание на строки

        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
        startSlide:0, // Set starting Slide (0 index)

эти строки я видел и почему-то и с ними у меня ничего не заработало как я хотел. Может потому что в админке явно порядок слайдов не задается,а может конечно и с направлением рук что-то не то. На время забил на решение этой проблемы,наверно теперь попробую исправить

P.S. А почему сообщения в разделе "модули" я не могу увидеть в моих публикациях в профиле?

gdi31 · 13 липня 2011

Да нафига Вам маньяк... Вы и сами маньячите не по детски :)

Править упакованный слайдер - это по взрослому!

Я бы до такого не додумался и как минимум привел бы в читаемый вид код слайдера . . .

1. Я, если честно, не фига не понял.

2. - Чтоб подействовать на вот эту "тютюрку"

надо кудато впаять эту "Войну и мир" ?

3. Править упакованный слайдер - я даже и не знаю где это, до туда ещё не добрался! :)

4. А где приводить в читаемый вид код слайдера ?

Он у меня что не читается ?

Мыли вслух: Думал 5 изменить на 4 и всё (образно) а тут оказалось, "епона мама" :blink: - в общем есть чем заняться! :)

Вхід

Модуль "Слайд Шоу - для Специальных продуктов"

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information