[Mod] Carousel из позиций спец предложения

Тема в разделе "Shop-script", создана пользователем serge666, 13 ноя 2009.

Статус темы:
Закрыта.
Модераторы: kadurinho
  1. serge666

    serge666 Создатель

    Регистр.:
    20 мар 2009
    Сообщения:
    17
    Симпатии:
    1
    Carousel из позиций спец предложений

    пример, если кто не вкурсе что это:
    Перейти по ссылке

    порывшись, нашел сам решение:

    1. редактируем файлы home.tpl.html, ххх.css, head.tpl.html
    2. загружаем jquery пак в корень, в прилепленных

    в home.tpl.html код

    HTML:
    {* now show special offers *}
    <p>
    <center>
    <table border=0 cellspacing=1 cellpadding=5>
    {section name=i loop=$special_offers}
    {if $smarty.section.i.index is div by 2}<tr>{/if}
    <td valign=top>
    
     <table border=0 width=100% bgcolor=#{$smarty.const.CONF_MIDDLE_COLOR} cellpadding=0 cellspacing=1>
     <tr><td>
    
      <table border=0 bgcolor=white width=100%>
       <tr>
       <td colspan=2><a href="index.php?productID={$special_offers[i][0]}"><img src="products_pictures/{$special_offers[i][2]}" border=0></a></td>
       </tr>
       <tr>
       <td align=center><a href="index.php?productID={$special_offers[i][0]}">{$special_offers[i][1]}</a></td>
       <td align=right><font color=red><b>{$special_offers[i][3]}</b></font></td>
       </tr>
      </table>
    
     </td></tr>
     </table>
    
    </td>
    {if ($smarty.section.i.index+1) is div by 2}</tr>{/if}
    {/section}
    </table>
    </center>
    меняем на:

    HTML:
    	<div id="carousel"></div>
    
    	<div id="holder_images">	
    	{section name=i loop=$special_offers}
    
    		<img class="link" title="{$special_offers[i][1]} {$special_offers[i][3]}" src="products_pictures/{$special_offers[i][2]}" border=0 longdesc="index.php?productID={$special_offers[i][0]}" alt="{$special_offers[i][1]} {$special_offers[i][3]}">
    	{/section}
    	</div>
    в head.tpl.html после
    HTML:
    	<link rel="stylesheet" href="xxx.css" type="text/css" media="screen" />
    вставлем
    HTML:
    	<script type="text/javascript" src="jquery/jquery-1.2.6.min.js"></script>
    	<script type="text/javascript" src="jquery/Tween.js"></script>
    	<script type="text/javascript" src="jquery/jquery.carousel3d.js"></script>
    		
    
    	<script type="text/javascript">
    {literal}
    		jQuery(function($) {
    			$("#carousel").html($("#holder_images").html()).carousel3d({ centerX: $('#carousel').offset().left + $('#carousel').width()/2 }); 
    		});
    {/literal}
    	</script>
    и в ххх.css добавляем

    HTML:
     		#holder_images { display: none; }
    	
    		#carousel img
    		{
    			border: 2px solid #ddd;
    		}
    		#carousel img.link:hover
    		{
    			border: 4px solid #0e0893;
    		}

    скачать jquery в раре

    Перейти по ссылке
     
    VenomHOLD нравится это.
  2. VenomHOLD

    VenomHOLD

    Регистр.:
    14 мар 2009
    Сообщения:
    272
    Симпатии:
    53
    хорошая штука
    только можно как то скорректировать чтобы прокрутка мышкой была в области самих спец предложений
    а так выходит что по всей сринице водишь курсор и прокрутка происходит
     
  3. IRIDON

    IRIDON

    Регистр.:
    3 авг 2008
    Сообщения:
    227
    Симпатии:
    12
    Блин, все обламывает то что оно реагирует на наведение курсором по все области. Очень жаль.
     
  4. A_L_I_E_N

    A_L_I_E_N Постоялец

    Регистр.:
    1 сен 2008
    Сообщения:
    131
    Симпатии:
    59
    Перейти по ссылке
    Правда это немного не спец-предложения, а новинки.
    Если заинтересует - будет инсталл и мануал!
    Единственная фигня - не понимает кирилицу! Борюсь...
    P.S. FlashXML.net чуть позже уберу - отредактирую флешку.
     
  5. IRIDON

    IRIDON

    Регистр.:
    3 авг 2008
    Сообщения:
    227
    Симпатии:
    12
    Ссылка на Перейти по ссылке который вдобавок не работает? Что за?
     
  6. A_L_I_E_N

    A_L_I_E_N Постоялец

    Регистр.:
    1 сен 2008
    Сообщения:
    131
    Симпатии:
    59
  7. A_L_I_E_N

    A_L_I_E_N Постоялец

    Регистр.:
    1 сен 2008
    Сообщения:
    131
    Симпатии:
    59
    Так! Хостера сменили, фсё работает - можно смотреть...!
     
Статус темы:
Закрыта.