Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.08.2012, 17:34
Новичок на форуме
Отправить личное сообщение для saracen Посмотреть профиль Найти все сообщения от saracen
 
Регистрация: 25.08.2012
Сообщений: 2

Подскажите как реализовать слайдер
Добрый день. Прошу помощи у знатаков.
Пытаюсь внедрить к себе на сайт слайдер "Новинки товаров" из примера http://livedemo00.template-help.com/magento_39801, но столкнулся с такой проблемой, если выводить продукты списком, то вроде все нормально, но мой список продуктов подгружается через смарти и скрипт его выдает вот так:

то есть видит каждый товар как один слайд, а мне нужно сделать 3 слайда по 4 товара в каждом. Пытался добавлять в скрипт visible:4, rotateBy:4, но не работает, моих знаний не хватает, помогите пожалуйста. Вот мой код.
Код:
<script type="text/javascript" src="{$smarty.const.URL_JS}/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="{$smarty.const.URL_JS}/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(function() {
    $('#slider-new').cycle({
       fx:'scrollHorz', 
       width:730, 
       height: 350,
       pager:  '.paggs',
       timeout: 800000 });
	   function pagerFactory(idx, slide) {
		var s = idx > 3 ? ' style="display:none"' : '';
		return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
		}; 
    });
</script>
<div class="slider-wrap">
<div class="products-carousel">
  	         <h2 class="subtitle">Новинки</h2>
                         <div class="paggs"></div>
                              
<ul class="products-grid_extra" id="slider-new">
    {foreach from=$__products item=_product name}
     {if $_product.slug}{assign var=_product_url value="?productID=`$_product.productID`&product_slug=`$_product.slug`"|set_query_html}{/if}
  <li>
     {if $_product.thumbnail}
    <a href="{$_product_url}"><img src="{$smarty.const.URL_PRODUCTS_PICTURES}/{$_product.thumbnail|escape:'url'}" alt="{$_product.name|escape:'html'}"></a>
     {/if}
    <a href="{$_product_url}">{$_product.name}</a>
     {if $_product.Price}<div class="product_Price">{$_product.price_str}</div>{/if}
  </li>  
   {/foreach}
</ul>

</div>
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 26.08.2012, 11:54
Аватар для kvmutl
Новичок на форуме
Отправить личное сообщение для kvmutl Посмотреть профиль Найти все сообщения от kvmutl
 
Регистрация: 26.04.2012
Сообщений: 8

вы сначала сделайте работу слайда на чистом хтмл, а потом уже прикручивайте вашу пхп-динамику.
рабочий пример у вас есть, передерите и реализуйте на сайте так как надо, после чего смотрите как должен подаваться динамоконтент
Ответить с цитированием
  #3 (permalink)  
Старый 26.08.2012, 23:30
Новичок на форуме
Отправить личное сообщение для saracen Посмотреть профиль Найти все сообщения от saracen
 
Регистрация: 25.08.2012
Сообщений: 2

да, спасибо, я уже понял, нужно сначала с выводом списка с помощью смарти разобраться, а потом уже в js скрипты лезть.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как это реализовать на JS Bezlyj Общие вопросы Javascript 6 06.03.2012 09:20
Как реализовать отключения JS кода через админку ? lamer Серверные языки и технологии 4 08.02.2012 17:23
как реализовать свою функцию к переменной czp Общие вопросы Javascript 2 01.01.2012 19:52
как реализовать передачу функции в функцию?? czp Общие вопросы Javascript 10 29.11.2011 19:21
Динамически увеличивающиеся изображения: как реализовать? cforest Events/DOM/Window 6 24.06.2009 17:16