Слайдер Новостей
#1
Отправлено 06 Ноябрь 2013 - 17:04
#2
Отправлено 06 Ноябрь 2013 - 21:39
borisovd (06 Ноябрь 2013 - 17:04) писал:
borisovd (06 Ноябрь 2013 - 17:04) писал:
<script src="{ASSETS_JS_PATH}jcarousellite_1.0.1c4.js" type="text/javascript"></script>перед
</head>
<img src="{ASSETS_IMAGES_PATH}news-arrow-previous.png" class="previous" /> <div id="newsticker-demo"> <ul> <li> <p> <span class="title">Инфо: </span><a href="http://www.pcvector.net">Хотите увидеть новые скрипты?</a><br> Посетите нашу главную страничку. </p> </li> <li> <p> <span class="title">Поиск: </span><a href="http://www.pcvector.net">Ищите определенный скрипт?</a><br> У нас скрипты разделены по категориям. </p> </li> <li> <p> <span class="title">Помощь: </span><a href="http://www.pcvector.net">Нужна помощь?</a><br> Оставьте свой вопрос в комментарии к скрипту. </p> </li> <li> <p> <span class="title">Ухты: </span><a href="http://www.pcvector.net">Навигация?</a><br> У нас много прикольных менюшек. </p> </li> </ul> </div> <img src="{ASSETS_IMAGES_PATH}news-arrow.png" class="next" /> <script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, auto:3000, speed:500 }); }); </script>перед
{% ENDIF %} {BODY} <!-- Всевозможные списки товаров -->
скачайте файлы на указанном сайте и загрузите их в магазин, кроме index.html и style-newsticker.css
В файл main.css добавьте код с сайта.
#3
Отправлено 07 Ноябрь 2013 - 01:40
#4
Отправлено 07 Ноябрь 2013 - 02:04
#5
Отправлено 07 Ноябрь 2013 - 05:22
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script>
и замените его на
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({manualAdvance: true}).parent().show(); }); </script>
#6
Отправлено 07 Ноябрь 2013 - 07:57
Vaccina (07 Ноябрь 2013 - 05:22) писал:
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script>
и замените его на
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({manualAdvance: true}).parent().show(); }); </script>
<script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, auto:3000, speed:500 }); }); </script>вот что то тут поменять надо) а что не знаюпо идеи нужно поставить auto:nyll но не работает...
#7
Отправлено 07 Ноябрь 2013 - 08:05
borisovd (07 Ноябрь 2013 - 07:57) писал:
<script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, auto:3000, speed:500 }); }); </script>вот что то тут поменять надо) а что не знаю по идеи нужно поставить auto:nyll но не работает...
Код:
<script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, auto:3000, speed:500 }); }); </script>Заменить:
<script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, speed:500 }); }); </script>
#8
Отправлено 07 Ноябрь 2013 - 11:27
Koderhan (07 Ноябрь 2013 - 08:05) писал:
Код:
<script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, auto:3000, speed:500 }); }); </script>Заменить:
<script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, speed:500 }); }); </script>
Поправочка) если много раз нажать на стрелочку то так будет) но с паузами) а потом он останавливается)
#9
Отправлено 07 Ноябрь 2013 - 15:02
Код:
<script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, auto:3000, speed:500 }); }); </script>Заменить:
<script type="text/javascript"> $(function() { $("#newsticker-demo").jCarouselLite({ vertical: true, hoverPause:true, btnPrev: ".previous", btnNext: ".next", visible: 3, }); }); </script>
#10
Отправлено 07 Ноябрь 2013 - 22:32
#11
Отправлено 07 Ноябрь 2013 - 22:55
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных