|
|
Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » jQuery » Помогите оживить слайдер |
Помогите оживить слайдер |
Страница: http://tokio30.ru/index/set_kafe/0-38
Уже который день бьюсь со слайдером, не пашет. Прошу помочь его оживить. Может кто свежим взглядом посмотрит, а то я уже замучился. Первоначально слайдер нашел тут:http://bxslider.com |
nikozavr, вот эти три библиотеки лишние
Код <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="http://tokio30.ru/avatar/sl/jquery.min.js"></script> <script type="text/javascript" src="http://tokio30.ru/avatar/sl/jquery-1.7.2.min.js"></script> остальное все хорошо, но вы забыли самое главное - это подключение картинок Цитата <ul class="bxslider"> <li><img src="/images/pic1.jpg" /></li> <li><img src="/images/pic2.jpg" /></li> <li><img src="/images/pic3.jpg" /></li> <li><img src="/images/pic4.jpg" /></li> </ul> выделенное красным - это обязательная часть. без этой части с тилей работать не будет ничего, а именно этого подключения у вас нет на странице |
Спасибо. Библиотеки убрал, сейчас попробую с картинками разобраться.
Добавлено (29 Авг 2015, 18:52:33) |
вот так попробуйте
Код <div id="homeslider"> <div class="bx-wrapper" style="max-width: 996px; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 301px;"><ul class="bxslider; style="width: auto; position: relative;"> <li style="float: none; list-style: none; position: absolute; width: 996px; z-index: 0;"><img src="http://tokio30.ru/avatar/sl/slide1.jpg"></li> <li style="float: none; list-style: none; position: absolute; width: 996px; z-index: 0; opacity: 1;"><img src="http://tokio30.ru/avatar/sl/tokio1.jpg"></li> <li style="float: none; list-style: none; position: absolute; width: 996px; z-index: 51; display: list-item; opacity: 0;"><img src="http://tokio30.ru/avatar/sl/slide3.jpg"></li> <li style="float: none; list-style: none; position: absolute; width: 996px; z-index: 0;"><img src="http://tokio30.ru/avatar/sl/slide4.jpg"></li> </ul></div></div> |
Блин, не работает....Что же такое?
Добавлено (29 Авг 2015, 19:19:33) |
nikozavr, пропишите чистые ссылки к картинкам
Код <ul class="bxslider" style="width: auto; position: relative;"> <li><img src="http://tokio30.ru/avatar/sl/slide1.jpg"></li> <li><img src="http://tokio30.ru/avatar/sl/tokio1.jpg"></li> <li><img src="http://tokio30.ru/avatar/sl/slide3.jpg"></li> <li ><img src="http://tokio30.ru/avatar/sl/slide4.jpg"></li> </ul> |
nikozavr,
Код <body contenteditable="true"> |
Я редактирую коды через управление дизайном, редактор шаблонов, редактор страниц.
А чем надо пользоваться чтобы работал? Добавлено (29 Авг 2015, 20:15:59) |
nikozavr, найдите теперь скрипт
Код <script type="text/javascript" > $(document).ready(function(){ $('.bxslider').bxSlider(); }); </script> и замените на это Код <script type="text/javascript" > $(document).ready(function(){ $('.bxslider').bxSlider({ auto: true, autoControls: true }); });</script> |
УРРА! Заработало!!!!!!!!!!! Спасибо! Плюс уже поставил а так бы еще добавил в репутацию!
Вот ведь блин. Добавлено (29 Авг 2015, 20:47:43) |
Господа, помогите в адаптации слайдера. Я полный ноль в jQuery. Буду очень признателен. Вот ссылка на сайт, где находится нужный мне слайдер:
http://demo.seventhemes.com/visario/ |
Здравствуйте, не получается подключить данную галерею на сайте http://pcvector.net/scripts/slideshow_and_scroller/455-unitgallery-mnogofunkcionalnaya-adaptivnaya-galereya.html. Все необходимые скрипты загрузил. В дизайне глобального блока прописал пути к скриптам и css. А на самой странице сделал так как показано. Но ничего не работает. Если открыть страницу с примером, которую я тоже залил на сайт, то там все работает. В чем может быть дело. Может конфликт с внутренними скриптами ucoz?
Добавлено (06 Апр 2017, 13:21:25) Здравствуйте, не получается подключить данную галерею на сайте http://pcvector.net/scripts/slideshow_and_scroller/455-unitgallery-mnogofunkcionalnaya-adaptivnaya-galereya.html. Все необходимые скрипты загрузил. В дизайне глобального блока прописал пути к скриптам и css. А на самой странице сделал так как показано. Но ничего не работает. Если открыть страницу с примером, которую я тоже залил на сайт, то там все работает. В чем может быть дело. Может конфликт с внутренними скриптами ucoz? |
| |||
| |||