Два Слайдера
#1
Отправлено 18 Сентябрь 2012 - 21:26
хочу еще один напротив этого. заранее спасибо
#2
Отправлено 19 Сентябрь 2012 - 10:18
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script>
для второго это будет
<script type="text/javascript"> $(window).load(function() { $('#slider2').nivoSlider().parent().show(); }); </script>
#3
Отправлено 22 Январь 2013 - 12:39
Чего только не пробовал, всегда появляются сообщения о js ошибке. Вот сайт: http://lcwear.storeland.ru/ . Хотелось бы заменить верхний слайдер на вот такой: http://pcvector.net/...ider/index.html Помогите пожалуйста.
P.s. и как сделать так, чтобы он был виден на всех страницах?
#4
Отправлено 22 Январь 2013 - 17:56
http://storeland.ru/about/faq#51
А для того чтобы на одной странице сделать два таких слайдера. Вы можете просто заменить на втором слайдере названия с slider на slider2.
То есть у вас получается два блока с кодами слайдера.
Слайдер отображается на главной странице только из-за применяемого условия {% IF index_page %}... {% ENDIF %}
Если удалить эти строчки из кода слайдера то слайдер будет отображаться на каждой странице сайта
#5
Отправлено 02 Февраль 2013 - 13:48
http://autogadget.su
#6
Отправлено 02 Февраль 2013 - 14:35
defistaf (02 Февраль 2013 - 13:48) писал:
http://autogadget.su
В файле "HTML".
Найти код:
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider( { slices:15, // For slice animations boxCols: 10, // For box animations boxRows: 8, // For box animations animSpeed:500, // Slide transition speed pauseTime:4000, // How long each slide will show effect:'random' }); }); </script>Заменить:
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script>
#7
Отправлено 02 Февраль 2013 - 17:10
#8
Отправлено 02 Февраль 2013 - 17:21
defistaf (02 Февраль 2013 - 17:10) писал:
Попробуйте код
<!-- СЛАЙДЕР НА ГЛАВНОЙ --> {%IF index_page %} <div id="slider"> <img src="http://files.storeland.ru/web/upload/sitefiles/2/103/102463/nemo.jpg" alt="" /> <a href="http://files.storeland.ru/web/upload/sitefiles/2/103/102462/walle.jpg" alt="" /> </ a> <img src="http://files.storeland.ru/web/upload/sitefiles/2/102/101178/toystory.jpg" alt="" title="This is an example of a caption" /> <img src="http://files.storeland.ru/web/upload/sitefiles/2/102/101179/up.jpg" alt="" /> </div> {%ENDIF%} <!-- СЛАЙДЕР НА ГЛАВНОЙ -->
заменить на
<!-- СЛАЙДЕР НА ГЛАВНОЙ --> {%IF index_page %} <div id="slider1" class="nivoSlider"> <a href="http://files.storeland.ru/web/upload/sitefiles/2/103/102462/walle.jpg" alt="" /><img src="http://files.storeland.ru/web/upload/sitefiles/2/103/102463/nemo.jpg" alt="" /></ a> <a href="http://files.storeland.ru/web/upload/sitefiles/2/103/102462/walle.jpg" alt="" /><img src="http://files.storeland.ru/web/upload/sitefiles/2/102/101178/toystory.jpg" alt="" title="This is an example of a caption" /></ a> <a href="http://files.storeland.ru/web/upload/sitefiles/2/103/102462/walle.jpg" alt="" /><img src="http://files.storeland.ru/web/upload/sitefiles/2/102/101179/up.jpg" alt="" /></ a> </div> {%ENDIF%} <!-- СЛАЙДЕР НА ГЛАВНОЙ -->
#9
Отправлено 02 Февраль 2013 - 17:24
defistaf (02 Февраль 2013 - 13:48) писал:
http://autogadget.su
Пришлите, пожалуйста код nivo слайдера, который Вы вставляли в шаблон HTML
#10
Отправлено 02 Февраль 2013 - 17:47
<!--slider--> <center> <div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <a href="[url="http://autogadget.su/goods/BlackVue_DR400G-HD_16GB_GPS%22><img"]http://autogadget.su..._16GB_GPS"><img[/url] src="[url="http://sibautogadget.storeland.ru/web/upload/assets/images/77/76822/dr400ghd2.png"]http://sibautogadget.../dr400ghd2.png"[/url] alt="" title="" /></a> <a href="[url="http://autogadget.su/goods/Видеорегистратор-Blackvue-DR500GW%22><img"]http://autogadget.su...e-DR500GW"><img[/url] src="[url="http://sibautogadget.storeland.ru/web/upload/assets/images/77/76822/500.png"]http://sibautogadget.../76822/500.png"[/url] alt="" title="" /></a> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>Это</strong> пример <em>использования</em> текста <a href="#">link</a>. </div> </center> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script>
#11
Отправлено 02 Февраль 2013 - 18:11
defistaf (02 Февраль 2013 - 17:47) писал:
<!--slider--> <center> <div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <a href="[url="http://autogadget.su/goods/BlackVue_DR400G-HD_16GB_GPS%22><img"]http://autogadget.su..._16GB_GPS"><img[/url] src="[url="http://sibautogadget.storeland.ru/web/upload/assets/images/77/76822/dr400ghd2.png"]http://sibautogadget.../dr400ghd2.png"[/url] alt="" title="" /></a> <a href="[url="http://autogadget.su/goods/Видеорегистратор-Blackvue-DR500GW%22><img"]http://autogadget.su...e-DR500GW"><img[/url] src="[url="http://sibautogadget.storeland.ru/web/upload/assets/images/77/76822/500.png"]http://sibautogadget.../76822/500.png"[/url] alt="" title="" /></a> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>Это</strong> пример <em>использования</em> текста <a href="#">link</a>. </div> </center> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script>
<div class="theme-default" style="padding:1em;display:none;"> <div id="slider" > <img src="путь к картинки" alt="" /> <a href="тут ссылку нужно"><img src="путь к картинки без [url] указываете прямой путь к файлу" alt="" /></a> <img src="путь к картинки" alt="" title="Пример картинки с заголовком" /> <img src="путь к картинки" alt="" /> <img src="путь к картинки" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}стоит ещё раз внимательно прочитать http://storeland.ru/about/faq#51
#12
Отправлено 02 Февраль 2013 - 18:28
вот стиль, возможно тут косяк
#slider { position:relative; width:1000px; /* Изменить размер картинки */ height:160px; /* Изменить размер картинки */ background:url({ASSETS_IMAGES_PATH}loading.gif) no-repeat 50% 50%; top: 167px; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; }
#13
Отправлено 02 Февраль 2013 - 18:39
defistaf (02 Февраль 2013 - 18:28) писал:
вот стиль, возможно тут косяк
#slider { position:relative; width:1000px; /* Изменить размер картинки */ height:160px; /* Изменить размер картинки */ background:url({ASSETS_IMAGES_PATH}loading.gif) no-repeat 50% 50%; top: 167px; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; }
<div class="theme-default" style="padding:1em;display:none;"> <div id="slider" > <img src="/web/upload/assets/images/77/76822/dr400ghd2.png" alt="" /> <a href="http://autogadget.su/goods/BlackVue_DR400G-HD_16GB_GPS?from=NTBk"><img src="/web/upload/assets/images/77/76822/dr400ghd2.png" alt="" /></a> <a href="http://autogadget.su/goods/Видеорегистратор-Blackvue-DR500GW?from=YWM1"><img src="/web/upload/assets/images/77/76822/500.png" alt="" /> </a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}
#14
Отправлено 02 Февраль 2013 - 18:56
наслаивается , ничего не изменилось(
#15
Отправлено 03 Февраль 2013 - 18:23
#16
Отправлено 20 Июнь 2013 - 09:58
Прикрепленные файлы
#17
Отправлено 20 Июнь 2013 - 12:44
gold-fox (20 Июнь 2013 - 09:58) писал:
#18
Отправлено 26 Июнь 2013 - 09:18
Вот страница http://md-bay.com/pa...yavlenij-Edinet , поставил справа два слайдера. При прокрутке изображений в самом слайдере в левом верхнем углу отображается маленькая пиктограмма картинки... Как её убрать?
И не по теме... на этой же странице в самом низу есть Кнопка "Вверх" она съехала влево. Как её вернуть на место как на остальных страницах?
Спасибо!
#19
Отправлено 26 Июнь 2013 - 12:14
Jonyk (26 Июнь 2013 - 09:18) писал:
Вот страница http://md-bay.com/pa...yavlenij-Edinet , поставил справа два слайдера. При прокрутке изображений в самом слайдере в левом верхнем углу отображается маленькая пиктограмма картинки... Как её убрать?
И не по теме... на этой же странице в самом низу есть Кнопка "Вверх" она съехала влево. Как её вернуть на место как на остальных страницах?
Спасибо!
Попробуйте воспользоваться данной инструкцией
#20
Отправлено 26 Июнь 2013 - 12:36
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных