Показ изображений с различными эффектами.
Слайд-галереи (страница 2)



Галерея изображений на CSS.

Это галерея изображений, которая использует возможности и преимущества CSS3 анимации.

Эффект замены изображений при наведении мыши.

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

Галерея изображений.

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

Эффект раскачивания изображений.

Использование анимации ключевых кадров в CSS3 позволяет контролировать точный стиль элемента в любой момент времени. Здесь используются ключевые кадры, чтобы создать эффект качающейся картинки, который появляется примерно каждые 5 секунд.

Эффект батута для просмотра изображений.

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

Галерея изображений на JQuery и CSS3.

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

Флеш галерея на сайте.

Привлекательная флеш галерея может оказаться полезной для вашего сайта в плане показа различных изображений. Используя её возможности, Вы с удовольствием поделитесь своими фото с друзьями и посетителями вашего сайта.

Оригинальная фотогалерея на CSS, Ajax и jQuery.

В этом уроке мы собираемся создать еще одну галерею изображений с миниатюрами внизу, которые двигаются автоматически при перемещении мыши. Прокрутка изображений сделана с помощью CSS и JQuery. Идея галереи состоит в том, чтобы позволить пользователю увеличить картинку, нажав на ее картинку-превью.



Ваше мнение по материалу, изложенному на сайте




  © 2015–2024  dynamic-site.olerant.ru  L.M. Служба поддержки Яндекс.Метрика