Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Неполадки прокрутки изображений в слайдере (В слайдере не прокручиваются изображения) |
| Неполадки прокрутки изображений в слайдере |
|
Помогите решить проблему! Не могу понять, в чем причина того, что не работает слайдер... В нем не показываются изображения! Вот САЙТ.
Обнаружил, что причина кроется, видимо, в css коде, а именно: в .items { display: inline-block;}. Ставлю display: none - изображения вовсе не отображаются, заменяю на что другое (block, inherit, inline и т.д.) - изображения показываются, но не меняются, в том числе при нажатии на PREV и NEXT. СПАСИТЕ!!! |
|
ShkolaIsskusstv,
Цитата (ShkolaIsskusstv) Помогите решить проблему! Не могу понять, в чем причина того, что не работает слайдер... В нем не показываются изображения! Вот САЙТ. Уберите вот это из кода: Код <script src="/js/jquery-1.7.min.js"></script> Вообще. А вот это добавьте сразу НИЖЕ слайдера: Код <script src="/js/jquery.easing.1.3.js"></script> <script src="/js/tms-0.4.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.slider')._TMS({ show:0, pauseOnHover:true, prevBu:'.prev', nextBu:'.next', playBu:false, duration:800, preset:'fade', pagination:true, pagNums:false, slideshow:7000, numStatus:false, banners:false, waitBannerAnimation:false, progressBar:false }) }); </script> Должно получиться вот так: Код <div id="slide"> <div class="slider"> <ul class="items"> <li><img src="/images/slider-1.jpg" alt="" /></li> <li><img src="/images/slider-2.jpg" alt="" /></li> <li><img src="/images/slider-3.jpg" alt="" /></li> </ul> </div> <a href="javascript://" class="prev"></a><a href="javascript://" class="next"></a> </div> <script src="/js/jquery.easing.1.3.js"></script> <script src="/js/tms-0.4.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.slider')._TMS({ show:0, pauseOnHover:true, prevBu:'.prev', nextBu:'.next', playBu:false, duration:800, preset:'fade', pagination:true, pagNums:false, slideshow:7000, numStatus:false, banners:false, waitBannerAnimation:false, progressBar:false }) }); </script> И все будет работать. Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 |
|
Спасибо большое!!! Заработало!!!
 |
|
ShkolaIsskusstv,
Цитата (ShkolaIsskusstv) Спасибо большое! Всегда пожалуйста ) Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 |
|
Добрый день всем!
Подниму тему. Этот же самый слайдер, найден мною в одном из шаблонов сайтов. Проблема - в IE и опере все работает нормально. В Firefox до 19 версии тоже. В версии от 23 и до 33 картинки прокручиваются нормально, с эффектом зума, но как только начинается второй круг - просто резкая смена, без движения. Проходит второй круг - снова нормально. Подскажите, пожалуйста, как решить проблему. Или хотя бы куда смотреть. |
| |||
| |||