Прикручиваем зеркальное отражение на изображения (фото, картиноки)

[Дмитрий Кесаев]

Для начала скачиваем прикрепленный в аттаче ЯВА скрипт. Затем открываем index.tpl.html изи папки \templates\frontend\tmpl\ и вставляем в него скрипт, таким макаром:

{literal}
<script type="text/javascript" src="http://ПУТЬ ДО ФАЙЛА/reflection.js"></script>
{/literal}

После чего (к примеру!!!) открываем \templates\frontend\tmpl\product_brief.tpl.html и вставляем этот кусок кода к изображению:

Изначально выглядит так:

{if $smarty.section.i.index<$product_info.customers_rating}
          <img src="images/redstar_big.gif">
         {else}
          <img src="images/blackstar_big.gif">
         {/if}

Добавляем к изображениям вот это: class="reflect rheight51 ropacity37" ГДЕ цифры 51 и 37 - настраиваются на ваше усмотрение (настройки зеркальности). FAQ по настройке внутри архива (в аттаче).

И получаем:

{if $smarty.section.i.index<$product_info.customers_rating}
          <img src="images/redstar_big.gif" class="reflect rheight51 ropacity37">
         {else}
          <img src="images/blackstar_big.gif" class="reflect rheight51 ropacity37">
         {/if}

Этот стиль можно применять ко всем картинкам магазина. Попробовал со "звездочками" - вышло сиМпатиШно.

 

[OledJAH]

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

 

[Дмитрий Кесаев]

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

Так в папке images есть они - разные и без белого фона (с прозрачным). Или сделай вообще проще скачай с любого магазина (практически они все с прозр. фоном) - сохрани - переименуй и закачай к себе. Если поиски окажутся неудачными, ТО: Да поможет тебе Гугля.

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

Так же по аналогии и в др. поисковиках:read:

 

[FLINT]

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

вот тебе неплохие звездочки.
как ты и просил - без фона

 

[materiya]

не получается почему то......всё сделал по инструкции, эффекта не вижу

 

[Дмитрий Кесаев]

не получается почему то......всё сделал по инструкции, эффекта не вижу

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

Вроде бы работает.

 

[Caurus]

Да я тож сначала перепугался, что не работает. А потом посмотрел, а у картинки был белый фон большой...и немного просвет был желтый и я понял, что надо подрезать картинку! Подрезал и все ОК стало!

 

[materiya]

спасибо, уже работает

 

[denisola]

а возможно сделать зеркальное отрожение на обычный текст (названии товаров). Со звёздочками у меня всё получилось, кстати спасибо за звёздочки Флинту

 

[Дмитрий Кесаев]

а возможно сделать зеркальное отрожение на обычный текст (названии товаров). Со звёздочками у меня всё получилось, кстати спасибо за звёздочки Флинту

Боюсь, что нет. Только на графику. И то не на анимированную.
Основная картинка будет двигаться, а вот отражение нет.