Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Agat

Recommended Posts

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

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

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

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


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

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

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

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


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

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

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


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

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


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

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

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


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

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

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


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

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

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

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


  • 2 weeks later...

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

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


  • 3 months later...

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

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

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

Изображение

так выглядит в 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. Методом тыка, жёлтую полосу убрать не удалось.

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


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

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

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

Изображение

так выглядит в 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 - вопрос как выставить сортировку слайдов?

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

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


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

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

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

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

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

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

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

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


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

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

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

(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)
Надіслати
Поділитися на інших сайтах

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

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

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

(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. А почему сообщения в разделе "модули" я не могу увидеть в моих публикациях в профиле?

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


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

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

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

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

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

Изображение

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

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

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

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

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

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


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

Ви повинні бути користувачем, щоб залишити коментар

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

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

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

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.