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

Тема в разделе "Shop-script", создана пользователем Дмитрий Кесаев, 10 фев 2008.

Статус темы:
Закрыта.
  1. Дмитрий Кесаев

    Дмитрий Кесаев aka Zlobniy Babko

    Заблокирован
    Регистр.:
    10 май 2007
    Сообщения:
    1.332
    Симпатии:
    1.265
    [​IMG]

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

    PHP:
    {literal}
    <
    script type="text/javascript" src="http://ПУТЬ ДО ФАЙЛА/reflection.js"></script>
    {/literal}
    После чего (к примеру!!!) открываем \templates\frontend\tmpl\product_brief.tpl.html и вставляем этот кусок кода к изображению:

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

    PHP:
    {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 по настройке внутри архива (в аттаче).

    И получаем:
    PHP:
    {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}
    Этот стиль можно применять ко всем картинкам магазина. Попробовал со "звездочками" - вышло сиМпатиШно.
     

    Вложения:

    antonpetr, SSSonar, MastZzz и 21 другим нравится это.
  2. OledJAH

    OledJAH Читатель

    Заблокирован
    Регистр.:
    3 фев 2008
    Сообщения:
    124
    Симпатии:
    26
    А никто звездочками поделиться не может?т как раз нужны. мне простенькие...главное чтоб без белого фона.Заранее спасибо!
     
  3. Дмитрий Кесаев

    Дмитрий Кесаев aka Zlobniy Babko

    Заблокирован
    Регистр.:
    10 май 2007
    Сообщения:
    1.332
    Симпатии:
    1.265
    Так в папке images есть они - разные и без белого фона (с прозрачным). Или сделай вообще проще скачай с любого магазина (практически они все с прозр. фоном) - сохрани - переименуй и закачай к себе. Если поиски окажутся неудачными, ТО: Да поможет тебе Гугля.:D
    http://images.google.ru/images?q=star.gif&imgsz=icon&hl=ru&newwindow=1&start=20&sa=N&ndsp=20
    Так же по аналогии и в др. поисковиках:read:
     
    OledJAH нравится это.
  4. FLINT

    FLINT А пофлудить?о_О

    Регистр.:
    23 июл 2007
    Сообщения:
    429
    Симпатии:
    176
    вот тебе неплохие звездочки.
    как ты и просил - без фона
     

    Вложения:

    Docento и OledJAH нравится это.
  5. materiya

    materiya

    Регистр.:
    17 янв 2008
    Сообщения:
    253
    Симпатии:
    46
    не получается почему то......всё сделал по инструкции, эффекта не вижу
     
  6. Дмитрий Кесаев

    Дмитрий Кесаев aka Zlobniy Babko

    Заблокирован
    Регистр.:
    10 май 2007
    Сообщения:
    1.332
    Симпатии:
    1.265
    Значит либо что-то не правильно сделал (может не правильно код установил или скопировал), либо картинка с белым фоном большая, т.е. отображается белый низ картинки. Попробуй заменить ее. Попробуй из др браузера посмотреть.

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

    Caurus

    Регистр.:
    21 фев 2008
    Сообщения:
    348
    Симпатии:
    285
    Да я тож сначала перепугался, что не работает. А потом посмотрел, а у картинки был белый фон большой...и немного просвет был желтый и я понял, что надо подрезать картинку! Подрезал и все ОК стало!
     
  8. materiya

    materiya

    Регистр.:
    17 янв 2008
    Сообщения:
    253
    Симпатии:
    46
    спасибо, уже работает
     
  9. denisola

    denisola Постоялец

    Регистр.:
    8 апр 2008
    Сообщения:
    87
    Симпатии:
    18
    а возможно сделать зеркальное отрожение на обычный текст (названии товаров). Со звёздочками у меня всё получилось, кстати спасибо за звёздочки Флинту
     
  10. Дмитрий Кесаев

    Дмитрий Кесаев aka Zlobniy Babko

    Заблокирован
    Регистр.:
    10 май 2007
    Сообщения:
    1.332
    Симпатии:
    1.265
    Боюсь, что нет. Только на графику. И то не на анимированную.:(
    Основная картинка будет двигаться, а вот отражение нет.
    [​IMG]
    :yahoo::yahoo::yahoo::yahoo::yahoo:
     
Статус темы:
Закрыта.