Д. Ватсон: - Вот думаю: как бы нам Холмс на нашем сайте сделать оригинальное и в тоже время простенькое слайд шоу фото, нашего последнего дела....? -

Ш. Холмс: - Элементарно Ватсон!!! - Запоминай или записывай:

Пример можешь посмотреть тут >>>

Архив с примером качай отсюда:  slideshow_1.zip (depositfiles)........

Захотелось когда-то давно одному моему товарищу замутить у себя на сайте такую буржуйскую штучку:

 

При нажатии на превьюшке, экран темнеет, сайт заволакивает пелена фона, появляется новый слой, на котором находится изображение большего размера.
Модно это стало несколько лет назад - вот ему и захотелось.

Нашел я тогда java скрипты, которые позволяют просматривать полноразмерные фотографии в том же окне браузера, где и превью или ссылка. Вариантов и названий этих сейчас немеряно - SlimBox, Slideshow или LightBox, ThickBox, но я для себя назвал его - «Всплывающий бокс для фото». Залил я товарищу на его сайт тогда несколько javascript  файлов, научил как писать ссылки на превьюшки и было ему счастье безграничное. Сейчас все современные браузеры обрабатывают такие скрипты и я решил поделиться с вами этим прибамбасом. ......

 

На некоторых сайтах, при наведении на фото или ссылку с прописанным альтом или титлами, появляются оригинальные всплывающие подсказки в аккуратной рамочке с не стандартным фоном и шрифтом. Пример можна посмотреть тут : http://forexmts.com/

 

 

 

Я расскажу как намутить такой прибамбас для вашего сайта за 3 минуты.

 

Итак - начнем:

Возьмем вариант потяжеее.

Итак - у нас есть картинка или целый кусок дизайна, состоящая из 3 частей (а может и из 4-5), находящаяся в любой части сайта.

 

1 Делаем три или более (оптимально 3 или 4) разных изображения для каждой из частей этого элемента. Естественно оптимизируем их для Веб. Назовем эти файлы (важно соблюсти такую номерацию - «пусто», «один», «два» и тд.):

Многие создатели сайтов желая привнести оригинальность в дизайн своего шедевра, подумывают над тем как сделать изменяющуюся подложку (фон) на сайте. Конечно если он есть. А если шаблон или страница сверстаны в CSS, то многие думают что это не возможно.

 

Сейчас попробуем намутить такой прибамбас для любого сайта на CSS. И сделаем возможность менять не только фоновое изображение, но и любой элемент дизайна или оформления, даже если он состоит из нескольких частей.

 

Для примера (чтобы увидеть пример в действии несколько раз обновите страницу):

 

http://www.gimnasi1-biltse.com.ua

http://www.vts.kiev.ua