|
|
Модератор форума: JonMagon |
Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Установка слайдера MOBILYSLIDER |
Установка слайдера MOBILYSLIDER |
Привет всем!!!
Мучаюсь с установкой, не могу найти причину не работы Взято тут Задача сделать слайдер в интернет магазине На место установки не обращаем внимание, проверяю работоспособность Качаем, файлы не меняем, заливаем и поехали css добавил внизу код Код .slider { float:left; width:800px; height:350px; position:relative; padding-bottom:26px; background:url(../gfx/bottom_shadow.png) no-repeat bottom center; } .sliderContent { float:left; width:800px; height:350px; clear:both; position:relative; overflow:hidden; } .sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../gfx/prev_next.png); width:42px; height:42px; position:absolute; top:50%; margin-top:-34px; } .prev { background-position:0 0; left:15px; } .prev:hover { background-position:0 -44px; } .next { right:15px; background-position:-44px 0; } .next:hover { background-position:-44px -44px; } .sliderContent .item { position:absolute; width:800px; height:350px; background:#fff; } .sliderBullets { position:absolute; bottom:0; left:50%; z-index:50; margin-left:-45px; } .sliderBullets a { display:block; float:left; text-indent:-9999px; outline:none; margin-left:5px; width:10px; height:11px; background:url(../gfx/bullets.png) no-repeat; } .sliderBullets .active { background-position:0 -11px; } .sliderContent a { outline:none; } Главная страница магазина Код <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>$MODULE_NAME$ - $SITE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <script type="text/javascript">function chbg(t,f){if (f==1){t.style.background="url('/.s/t/121/1.gif')";}else {t.style.background="url('/.s/t/121/2.gif')";}}</script> <script src="http://sampodai.ucoz.ru/js/mobilyslider.js" type="text/javascript"></script> <script src="http://sampodai.ucoz.ru/js/init.js" type="text/javascript"></script> </head> Верхняя часть сайта Код <script type="text/javascript"> $('.slider3').mobilyslider( transition: 'fade', animationSpeed: 800, bullets: true, arrowsHide: false ); </script> <div class="slider slider1"> <div class="sliderContent"> <div class="item"> <img src="/img/img1.jpg" alt="" /> </div> <div class="item"> <img src="/img/img2.jpg" alt="" /> </div> </div> </div> Помогите!!! |
EddEgg, попробуйте эти скрипты
<script src="http://sampodai.ucoz.ru/js/mobilyslider.js" type="text/javascript"></script> <script src="http://sampodai.ucoz.ru/js/init.js" type="text/javascript"></script> поставить перед закрывающим тегом </head> у вас получается скрипты слайдера стоят до библиотеки, а нужно после Сообщение отредактировал webanet - Воскресенье, 19 Янв 2014, 17:00:54
|
webanet, А сейчас разве не перед?
Код <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>$MODULE_NAME$ - $SITE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <script type="text/javascript">function chbg(t,f){if (f==1){t.style.background="url('/.s/t/121/1.gif')";}else {t.style.background="url('/.s/t/121/2.gif')";}}</script> <script src="http://sampodai.ucoz.ru/js/mobilyslider.js" type="text/javascript"></script> <script src="http://sampodai.ucoz.ru/js/init.js" type="text/javascript"></script> </head> |
EddEgg, перед. пробуйте их перемещать. вставьте перед закрывающим тегом </body>
|
| |||
| |||