Начнём попорядку:
LightboxОчень полезный эффект основаный на скрипте ShadowBox
Даёт нам возможность красиво подгружать аяксом картинки, инлайн контент, html, php, и т.д. вплоть до видео разных форматов.
Для этого в сылку надо лиш добавить
rel="shadowbox"
Тоисть ссылка будет вида:
<a href="****************" rel="shadowbox" title="**********">*****</a>
где
href="****************"
это например картинка, или ссылка на сайт, инлайн контент и т.д.
Выгледит сие так:
ReflectionТоже хорошая штука, добавляет эфект отражения для картинок
Для этого в сылку картинки нужно добавить
class="reflect"
Ссылка будет вида:
<img class="reflect" src="*******.***" width="240" height="180" title="**********" />
где
src="*******.***"
и есть картинка
А вот каково оно :)
Spotlight
Интересная вещица, даёт хорошие возможности :)
А именно наложение одно изображение на другое с эфектом затухания :)
Многие не обращают на такое внимания, а зря, по скринам ниже может поймёте про что я...
Вот картинка, онаже кнопка
А вот онаже но в окончательном эффекте, как будто вспыхивает, при наведении, если у честь что по клику, у меня выходит всплывающее окно на HightSlide, с авторизацией на сайте, то выглядит очень даже не чиго, и как минимум притягивает внимание:)
И так если заинтересовало, то как это сделать:
<div class="spotlight" style="background: url(primer.png); width: ***px; height: ***px;"></div>
где
primer.png
ваша картинка а
width: ***px; height: ***px;
размеры картинки
или
<span class="spotlight" style="background: url(primer.png); display: block; width: ***px; height: ***px;"></span>
где
primer.png
ваша картинка а
width: ***px; height: ***px;
размеры картинки соответственно...
Картинки могут быть в
jpg, gif, png форматах
Теперь о них же, - primer.png это первая картинка, до эфекта так сказать.
в паку к этойже картинки должна быть картинка в нашем случае это -
primer_spotlight.png, котороя евляетца второй картинкой для наложения эффекта.
Тобиш в папке с основной картинкой которой вы указываете, должна лежать картинка с таким же названием, но с префиксом
_spotlightGzip компрессияКомпресия скриптов. Думаю всё понятно :)
MootoolsПоддержка
MooToolse полная библиотека
версии 1.1Внимание! У вас нет прав для просмотра скрытого текста.
