Перейти к содержимому


Слайдер Новостей


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 borisovd

borisovd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 370 сообщений

Отправлено 06 Ноябрь 2013 - 17:04

Помогите установить этот http://pcvector.net/...oy-slayder.html слайдер между слайдером товаров и каталогом на главной внизу странице.

#2 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 06 Ноябрь 2013 - 21:39

Просмотр сообщенияborisovd (06 Ноябрь 2013 - 17:04) писал:

Помогите установить этот http://pcvector.net/...oy-slayder.html слайдер между слайдером товаров и каталогом на главной внизу странице.

Просмотр сообщенияborisovd (06 Ноябрь 2013 - 17:04) писал:

Помогите установить этот http://pcvector.net/...oy-slayder.html слайдер между слайдером товаров и каталогом на главной внизу странице.
Здравствуйте, вставьте
<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 borisovd

borisovd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 370 сообщений

Отправлено 07 Ноябрь 2013 - 01:40

Супер!) спасибо ;)

#4 borisovd

borisovd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 370 сообщений

Отправлено 07 Ноябрь 2013 - 02:04

А можно отключить функцию слайдера? Нужно убрать автоматическое перелистывание. когда нажму на стрелочку тогда и смениться новость а так статично должно быть.

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Ноябрь 2013 - 05:22

Найдите в шаблоне "HTML" код

<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 borisovd

borisovd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 370 сообщений

Отправлено 07 Ноябрь 2013 - 07:57

Просмотр сообщенияVaccina (07 Ноябрь 2013 - 05:22) писал:

Найдите в шаблоне "HTML" код

<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 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 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 но не работает...
Попробуйте заменить js код слайдера.
Код:
<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 borisovd

borisovd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 370 сообщений

Отправлено 07 Ноябрь 2013 - 11:27

Просмотр сообщенияKoderhan (07 Ноябрь 2013 - 08:05) писал:

Попробуйте заменить js код слайдера.
Код:
<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 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 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 borisovd

borisovd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 370 сообщений

Отправлено 07 Ноябрь 2013 - 22:32

все равно такая ерунда:( вы видите проблему? поняли о чем я говорю?

#11 borisovd

borisovd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 370 сообщений

Отправлено 07 Ноябрь 2013 - 22:55

Удалил hoverPause:true, вроде нормально все. как и хотел) спасибо!:)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных