Viper пишет:jQuery как раз таки работает. Это шаблон УГ.
Ничего лучше для joomshopping не нашёл.
Viper пишет:Смотрите на профильном форуме "лестные отзывы"
Пока ничего особо критического, кроме вот этого плагина, не заметил.
Viper пишет:Конкретно ваш случай это проблема с JCaption.
Я догадывался. Но после вашего сообщения стал копаться только в этом направлении. Решение нашёл в отключении caption.js. Слайдер заработал. Теперь обнаружилось, что код в javascript немного "корявый". Суть в том, что при переключении слайдов автоматом - всё в порядке. При переключении в обратном порядке в ручную (от 4 к 1) - тоже всё в порядке. А вот если вручную переключать по порядку, от 1 к 4 - два раза срабатывает код , что не очень красиво. Совсем даже некрасиво.
Т. к. в js совсем не копенгаген, сделал тупо. Во втором случае заменил задержку
на , выглядит теперь лучше, но анимация всё же отсутствует.
Как правильно исправить данный код, чтобы всё работало нормально?
CODE ( javascript):
скопировать код в буфер обмена
<script type="text/javascript"> $(window).load(function() { var $carousel = $('#icecarousel<?php echo $module->id;?>'); var index = 0; /** var currentElement = null; $('#icecarousel<?php echo $module->id;?>').find(".carousel-caption").each(function(idx){ $(this).hide(); if(idx == index){ currentElement = this; } }); */ function onSliding(){ var elements = 4; // change to the number of elements in your nav var nav = $('.carousel-nav'); var index = $('#icecarousel<?php echo $module->id;?>').find('.item.active').index(); index = (index == elements - 1) ? 0 : index + 1; var currentElement = null; $('#icecarousel<?php echo $module->id;?>').find(".carousel-caption").each(function(idx){ if(idx == index){ currentElement = this; } }); var item = nav.find('a').get(index); nav.find('a.active').removeClass('active'); $(item).addClass('active'); if(currentElement){ console.log('1 Element value = '.currentElement); $(currentElement).slideUp(200).delay(600).fadeIn(600); } } $('#icecarousel<?php echo $module->id;?>').carousel(index); var nav = $('.carousel-nav'); var item = nav.find('a').get(index); nav.find('a.active').removeClass('active'); $(item).addClass('active'); /** if(currentElement){ $(currentElement).slideUp(200).delay(600).fadeIn(600); } */ $(".carousel-nav a").click(function(e){ e.preventDefault(); $("#icecarousel<?php echo $module->id;?>").unbind('slide'); var index = parseInt($(this).attr('data-to')); var currentElement = null; $('#icecarousel<?php echo $module->id;?>').find(".carousel-caption").each(function(idx){ $(this).hide(); if(idx == index){ currentElement = this; } }); $('#icecarousel<?php echo $module->id;?>').carousel(index); var nav = $('.carousel-nav'); var item = nav.find('a').get(index); nav.find('a.active').removeClass('active'); $(item).addClass('active'); if(currentElement){ $(currentElement).slideUp(200).delay(600).fadeIn(600); } $("#icecarousel<?php echo $module->id;?>").bind('slide', function(e) { onSliding(); }); }); $("#icecarousel<?php echo $module->id;?>").bind('slide', function(e) { onSliding(); }); }); </script>
|