Перейти к содержанию
Форум поддержки пользователей VamShop

менять по случайности в шапке- 2 картинки


Рекомендуемые сообщения

в общем хочется сделать такую штуку- менять в шапке через раз, или по-случайности, картинки ( например с телефоном).

то есть зашел человек- видит одну картинку телефона в шапке.. зашел еще раз или обновил- уже другой телефон.

кусок кода вот такой

<img src="{$tpl_path}i/right_write.png"

как сделать, чтобы сюда подставлялась картинка каждый раз другая ( на выбор из 2х например)

нашел ява скрипт, но что-то мне подсказывает что кусок кода сильно здоровый.. проверял, все ломается..одна картинка показывается и то криво..

как сделать через смарти? чтобы вместо {$tpl_path}i/right_write.png выводилась каждый раз такая переменная, в которой меняется адрес картинки?

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

пример- у меня сайт http://argomoscow.ru надо просто чтобы справа где два телефона ( а это одна картинка), она менялась на другую, где телефоны поменялись местами:-)

надо проверить- зависит ли от порядка телефонов количество звонков на каждый

Ссылка на сообщение
Поделиться на другие сайты

Попробуйте так:

<script language="JavaScript">

{literal}

var a=Math.round(Math.random()*1)

image = new Array();

image[0]="{$tpl_path}i/right_write.png"

image[1]="{$tpl_path}i/right_write2.png"

document.write ("<img src="+image[a]+">");

{/literal}

</script>

Ссылка на сообщение
Поделиться на другие сайты

а эту конструкцию вставлять вместо

<img src="{$tpl_path}i/right_write.png" ?

я так попробовал- ничего не работает- выводить хтмл тэги

вот что в коде шаблона..

..

<script language="JavaScript">
{literal}
var a=Math.round(Math.random()*1)
image = new Array();
image[0]="{$tpl_path}i/right_write.png"
image[1]="{$tpl_path}i/right_write911.png"
document.write ("<img src="+image[a]+">");
{/literal}
</script> width="412" height="100" align="right"><br /></td></tr></table><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="head" align="left"><a href="{$mainpage}" title=" Магазин здоровья Арго"><img src="{$tpl_path}i/10000000.gif" alt="Каталог" width="115" height="30" border="0" /><br /></a></td><td class="head" align="center" width="100%"><table width="180" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td class="head" align="right" width="60"><a href="{$mainpage}" title=" Главная страница"><img src="{$tpl_path}i/20000000.gif" alt="Главная, магазин Арго" width="60" height="30" border="0" /><br /></a></td><td class="head" align="center" width="60"><a href="advanced_search.php" title=" Поиск по каталогу товаров"><img src="{$tpl_path}i/30000000.gif" alt="Расширенный поиск" width="60" height="30" border="0" /><br /></a></td><td class="head" align="left" width="60"><a href="shop_content.php/coID/7/content/Kontakty" title=" Напишите нам"><img src="{$tpl_path}i/40000000.gif" alt="Контакты" width="60" height="30" border="0" /><br /></a></td></tr></table></td><td class="head" align="right"><a href="{$mainpage}"><img src="{$tpl_path}i/50000000.gif" alt="Арго- товары для здоровья" width="134" height="30" border="0" /><br /></a></td><td class="head" align="right"><a href="shopping_cart.php"><img src="{$tpl_path}i/60000000.gif" alt="Корзина" width="131" height="30" border="0" /><br /></a></td><td class="head" align="right"><a href="checkout_shipping.php"><img src="{$tpl_path}i/70000000.gif" alt="Оформить заказ" width="131" height="30" border="0" /><br /></a></td><td class="head" align="right"><a href="login.php"><img src="{$tpl_path}i/80000000.gif" alt="Вход в магазин" width="130" height="30" border="0" /><br /></a></td></tr></table>
<!-- /шапка -->[/code]

Ссылка на сообщение
Поделиться на другие сайты

Так у вас тег <img src="{$tpl_path}i/right_write.png" открыт, а в скрипте закрыт(будьте повнимательнее)!

если вы хотите ширину и высоту задать

<script language="JavaScript">

{literal}var a=Math.round(Math.random()*1)

image = new Array();

image[0]="{$tpl_path}i/right_write.png"

image[1]="{$tpl_path}i/right_write911.png"

document.write ("<img src="+image[a]+" width='412' height='100' align='right'>");

{/literal}

</script>

Ссылка на сообщение
Поделиться на другие сайты

спасибо, но помогло вот это

<img src="{$tpl_path}i/{1|rand:2}.png"

то есть выводится на выбор 1.png или 2.png

элегантно и коротко :awwyeaa:

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...