Сообщений в теме: 22

[frenky]

подскажите как переместить карусель

 <!-- СЛАЙДЕР НА ГЛАВНОЙ -->
{%IF index_page %}
<!-- include the Tools -->
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<!-- fix IE "black box" problems with PNG images when opacity is being animated --> <!--[if IE]> <mce:style type="text/css"><! .images img {background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;   }	--> <!--[endif] --> <!-- "previous slide" button -->
</p><p><a class="backward">prev</a></p>
<!-- container for the slides -->
<div class="images"><!-- first slide -->
<div style="display: block;">



<h3>Новинка! Часы Diesel DZ1243</h3>
<img width="200" height="230"  src="http://images04.olx.ru/ui/9/88/26/1287313120_129688226_6----1287313120.jpg" style="float: left; margin: 0 30px 20px 0;">

<p style="font-weight: bold;">Стильные наручные итальянские часы Diesel. Элегантный корпус из нержавеющей стали, кожаный ремешок, минеральное стекло. Водонепроницаемость до 50м. Дополнительные циферблаты.</p>
<p> Диаметр корпуса: 55 мм</p>
<p> Страна производства: США</p>
<p><span style="font-size: medium;"><a target="_blank" href="http://bigfashionshop.ru/goods/Diesel-DZ1243?from=MjI2">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
<!-- 1 slide -->
<div>


<h3>Новинка! Часы Diesel DZ1404</h3>
<img width="230" height="230"  src="http://www.tik-tok.ru/img/watch/diesel/DZ1404.jpg" style="float: left; margin: 0 30px 20px 0;">

<p style="font-weight: bold;">Мужские часы с чёрным ионным покрытием. DZ1404 - мульти-циферблатный стильный хронограф</p>
<p> Механизм: Кварцевый+электронный</p>
<p> Страна производства: США</p>
<p><span style="font-size: medium;"><a target="_blank" href="http://bigfashionshop.ru/goods/Diesel-DZ1243?from=MjI2">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
<!-- 1 slide -->
<div>





<h3>Новинка! Часы Diesel DZ7153</h3>
<img width="230" height="230"  src="http://www.aktuelkadin.com/wp-content/uploads/2011/07/dz7153gallery1.jpg" style="float: left; margin: 0 30px 20px 0;">

<p style="font-weight: bold;">Коллекция Four. Часы-хронограф с секундомером. Минеральное стекло устойчивое к возникновению царапин. Ремешок из чёрной натуральной кожи с застежкой.</p>
<p> Механизм: Электронный хронограф</p>
<p> Размер корпуса: Ширина 45 мм, длина 38 мм</p>
<p><span style="font-size: medium;"><a target="_blank" href="http://bigfashionshop.ru/goods/Diesel-DZ7153?from=MjI2">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
<!-- 2 -->
<div>





</div>



</div>
<!-- "next slide" button -->
<p><a class="forward">next</a></p>
<p><!-- the tabs --></p>
<div class="slidetabs"><a href="#" class="current"></a> <a href="#"></a> <a href="#"></a></div>
	  
<p></p>
  <link href="http://yemki.ru/web/upload/assets/styles/23/22123/tabs-slideshow.css" type="text/css" rel="stylesheet">
  <!--[if IE]>
  <style type="text/css">
  .images img {
	background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;
  }
  </style> 
 <![endif]--> 
<script language="JavaScript">
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(function() {
$(".slidetabs").tabs(".images > div", {
  // enable "cross-fading" effect
  effect: 'fade',
  fadeOutSpeed: "slow",
  // start from the beginning after the last tab
  rotate: true
// use the slideshow plugin. It accepts its own configuration
}).slideshow();
});
</script> 
{%ENDIF%}
<!-- СЛАЙДЕР НА ГЛАВНОЙ -->

Прикрепленные изображения

• 

[sergey85]

А где Вы взяли такой слайдер?Можете дать ссылку на источник?

[frenky]

sergey85 (05 Февраль 2012 - 14:13) писал:

А где Вы взяли такой слайдер?Можете дать ссылку на источник?

где то на этом форуме нашел, точно уже не помню(

[sergey85]

А кто знает как его сделать немного поуже по вертикали и скорость перелистования побыстрее сделать?

[Ириска]

sergey85 (05 Февраль 2012 - 14:24) писал:

А кто знает как его сделать немного поуже по вертикали и скорость перелистования побыстрее сделать?

Слайдер использует библиотеку JQuery, все параметры задаются либо в отдельном файле конфигураций, либо непосредственно при подключении библиотеки.

[sergey85]

Ириска (06 Февраль 2012 - 14:09) писал:

Слайдер использует библиотеку JQuery, все параметры задаются либо в отдельном файле конфигураций, либо непосредственно при подключении библиотеки.

Я просто понятия не имею где это делать!Кто-то может мне написать ПОДРОБНО как сделать чтоб слайдер перелистывал изображения каждые три секунды и немного сделать его меньше по вертикали?
Как изменить этот код?

[Vaccina]

Для переноса слайдера в указанное место вам необходимо разместить код в шаблоне "Страница" после блока

<!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->

так же что бы слайдер отображался только на главной необходимо обвернуть код слайдера в следующий код

{%IF index_page%}код слайдера{%ENDIF%}

Вся документация по данному слайдеру находиться тут http://flowplayer.or.../slideshow.html
Интервал задается через опцию interval

Все стили задаются через файл стилей tabs-slideshow.css

[sergey85]

Цитата

так же что бы слайдер отображался только на главной необходимо обвернуть код слайдера в следующий код

{%IF index_page%}код слайдера{%ENDIF%}

А Я код слайдера просто добавил в HTML после тега {BODY} и он только на главной,правильно ли я сделал?Или нужно обезательно вставлять в {%IF index_page%}код слайдера{%ENDIF%}

[frenky]

Vaccina (06 Февраль 2012 - 20:02) писал:

Для переноса слайдера в указанное место вам необходимо разместить код в шаблоне "Страница" после блока

<!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->

так же что бы слайдер отображался только на главной необходимо обвернуть код слайдера в следующий код

{%IF index_page%}код слайдера{%ENDIF%}

Вся документация по данному слайдеру находиться тут http://flowplayer.or.../slideshow.html
Интервал задается через опцию interval

Все стили задаются через файл стилей tabs-slideshow.css

Большое спасибо!! Все помогло!!)

[sergey85]

Vaccina (06 Февраль 2012 - 20:02) писал:

Все стили задаются через файл стилей tabs-slideshow.css

Спасибо,наставили меня на путь истинный!Изменил размер и кнопочки для перемотки сделал видимыми.

Прикрепленные изображения

• 

[kuccibeat]

Помогите! Что не так сделал? NivoSlider пытаюсь прикрепить, ничего не выходит(
сайт: beatkom.ru
Слайдер на главной должен быть - где щас пустое место.
делал все по инструкции:
http://dijjon.ru/pub..._slider/3-1-0-8

Прикрепленные изображения

• 

[Vaccina]

Возможно вам поможет следующая тема форума http://forum.storela...dpost__p__15127
Так же у вас присутствуют ошибки. В файл main.js вы добавили подключение

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="/NivoSlider/jquery.nivo.slider.pack.js" type="text/javascript"></script>

Вам необходимо удалить данный код и добавить его в шаблон "HTML"

Строка вида

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Вам не нужна - так как данная библиотека уже подключена.

[Alex11]

Добрый день, хочу все поставить слайдер под назщванием страницы, но не как неполучается, уже попробовал то что написанно в этой теме, сейчас весь код слайдера у меня в htlm находится, в разделе страница нет его кода, как мне быть?

[Vaccina]

Переместите структурную часть слайдера с картинками в шаблон Страница.
Структурная часть должна у вас начинаться после тега <body>, до тега </head> подключения оставляем на месте.

Укажите в своем профиле номер аккаунта, чтобы мы могли детальнее вас проконсультировать

[Alex11]

Vaccina (15 Июль 2014 - 01:39) писал:

Переместите структурную часть слайдера с картинками в шаблон Страница.
Структурная часть должна у вас начинаться после тега <body>, до тега </head> подключения оставляем на месте.

Укажите в своем профиле номер аккаунта, чтобы мы могли детальнее вас проконсультировать

Проблема в том что я пытался так с делать но в шаблоне Страница нет тегов <body> и  тега </head>
вот этого я не понял почему так..
номер акаунта прописал.

[Alex11]

Ой и я только сейчас заметил, у меня шаблон сияние а тут тема другая,  может поэтому не получается, но вопрос все ровно остается в силе, как мне это сделать))

[Vaccina]

Данные теги находятся в шаблоне HTML, там я указывала где искать данную структуру и уже ее переместить в шаблон Страница первой строкой.

[Alex11]

Vaccina (15 Июль 2014 - 05:07) писал:

Данные теги находятся в шаблоне HTML, там я указывала где искать данную структуру и уже ее переместить в шаблон Страница первой строкой.

Когда переношу в шаблон страница все пропадает с сайта, что я делаю не так?

[Vaccina]

На данный момент шаблон корректно отображается, главной страницей у вас выбран каталог товара, а не статичная страница, в этом случае перенесите конструкцию с шаблона Страница в шаблон Товары после:

	{% ELSE %}
		» <a href="{CATALOG_URL}" >Каталог товаров</a>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
	 
	</p>
  </div>
  <!-- end Строка пути -->

[Alex11]

Vaccina (15 Июль 2014 - 05:26) писал:

На данный момент шаблон корректно отображается, главной страницей у вас выбран каталог товара, а не статичная страница, в этом случае перенесите конструкцию с шаблона Страница в шаблон Товары после:

{% ELSE %}
	 » <a href="{CATALOG_URL}" >Каталог товаров</a>
	 {% FOR upper_navigation %}
		 {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
	
</p>
</div>
<!-- end Строка пути -->

Получилось, спасибо большое, извините совсем неподумал и забыл что менял главную страницу)

И если еще не трудно вам будет подсказать как поменять чтобы все переходы картинками были одинаковые, допустим плавное затухание просто?