Не работает carousel
На сайте должна сменяться картинка (та, что в декоративной рамке вверху), но сделать это не получается, уже всё пробовала, не могу разобраться в чем причина.
Буду очень благодарна за помощь. |
Информации маловато, разбираться в кодах сайта я думаю не возьмется никто, так что лучше бы Вам привезти вырезки из сайта самостоятельно скрипт, и ХТМЛ тэги с которыми этот скрипт взаимодействует.
|
Heidel,
Во первых у Вас все картинки в каруселе идентичные - и даж если она заработает - сложно определить Во вторых для начала -стоит найти и поставить демонструшку как есть, без изменений и медленно пошагово модифицировать под себя Основная первозадача - запустить как есть |
Картинка пока одна, да, но там же всё равно должно быть заметно движение, когда сменяются изображения.
Делала по аналогии с нижней каруселью на этом сайте http://roll.inetech.ru/ А что до кода, то в хеде я ссылаюсь на css <link rel="stylesheet" href="/style/jcarousel.css" type="text/css" media="screen" /> в скриптах я прописываю <script src="/js/jquery-1.7.1.min.js"></script> <script src="/js/jquery.jcarousel.min.js"></script> <script type="text/javascript"> function brandcarousel_initCallback(carousel) { // Disable autoscrolling if the user clicks the prev or next button. carousel.buttonNext.bind('click', function() { carousel.startAuto(0); }); carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); }); // Pause autoscrolling if the user moves with the cursor over the clip. carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; jQuery(document).ready(function() { jQuery('#brandcarousel').jcarousel({ auto: 2, wrap: 'circular', scroll: 1, visible: 1, animation: 2500, buttonNextHTML: null, buttonPrevHTML: null, initCallback: brandcarousel_initCallback, itemFallbackDimension: 100 }); }); </script> и уже в боди прописываю <ul id="brandcarousel" class="jcarousel-skin-brandcarousel"> <li><img width="449px" height="190px" src="/images/s_pic.jpg" /></li> <li><img width="449px" height="190px" src="/images/s_pic.jpg" /></li> <li><img width="449px" height="190px" src="/images/s_pic.jpg" /></li> </ul> вот, например, прописанная таким образом карусель, она работает http://jsfiddle.net/6EmsT/3/ а что не так с моей, я понять не могу. |
Заменила скрипты, вместо тех, что встроены в неткат, прописала
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://justin.web-impress.com/js/jquery/jquery.jcarousel.min.js"></script> теперь пропала картинка вообще http://n.inetech.ru/ что неправильно? |
Часовой пояс GMT +3, время: 14:20. |