Модуль Carousel из позиций спец предложения

[serge666]

Carousel из позиций спец предложений

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

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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

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

в home.tpl.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>

меняем на:

	<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 после

	<link rel="stylesheet" href="xxx.css" type="text/css" media="screen" />

вставлем

	<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 добавляем

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

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

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[VenomHOLD]

хорошая штука
только можно как то скорректировать чтобы прокрутка мышкой была в области самих спец предложений
а так выходит что по всей сринице водишь курсор и прокрутка происходит

 

[IRIDON]

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

 

[A_L_I_E_N]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Правда это немного не спец-предложения, а новинки.
Если заинтересует - будет инсталл и мануал!
Единственная фигня - не понимает кирилицу! Борюсь...
P.S. FlashXML.net чуть позже уберу - отредактирую флешку.

 

[IRIDON]

*** скрытое содержание ***
Правда это немного не спец-предложения, а новинки.
Если заинтересует - будет инсталл и мануал!
Единственная фигня - не понимает кирилицу! Борюсь...
P.S. FlashXML.net чуть позже уберу - отредактирую флешку.

Ссылка на Для просмотра ссылки Войди или Зарегистрируйся который вдобавок не работает? Что за?

 

[A_L_I_E_N]

Ссылка на Для просмотра ссылки Войди или Зарегистрируйся который вдобавок не работает? Что за?

Мы хостимся Для просмотра ссылки Войди или Зарегистрируйся.
Так-что... Пока сайт лежит. Решается вопрос о переносе, благо Для просмотра ссылки Войди или Зарегистрируйся.

 

[A_L_I_E_N]

Так! Хостера сменили, фсё работает - можно смотреть...!