30 скриптов, реализующих возможности галерей и слайд-шоу » Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов

Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов

Об авторе Контакты Реклама Карта сайта

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

30 скриптов, реализующих возможности галерей и слайд-шоу

Опубликовано Февраль 12th, 2008 в Web-разработка |

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место
-->

Автор: SmashingMagazine.com
Перевод: Всеволод Козлов

30 скриптов, реализующих возможности галерей и слайд-шоу

Многие задумываются о том, как на страницах своего сайта реализовать возможность эффектного показа фотографий, причем абсолютно неважно каких – будь то семейные фотографии или снимки, сделанные во время отпуска…

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

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

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

Ajax галереи

1. Minishowcase

Screenshot

2. JonDesign’s SmoothGallery

Screenshot

3. Ajax Photo Gallery

Screenshot

4. Pyxy-gallery

Screenshot

5. zenphoto

Screenshot

6. Couloir.org: Resizing, Fading Slideshow Demo - AJAX Slideshow

7. Grey Box

8. Lightbox2

9. Litebox

Screenshot

10. Multifaceted Lightbox

Screenshot

11. Slightly ThickerBox 1.7

12. TripTracker

Screenshot

13. Slimbox, the ultimate lightweight Lightbox clone

Screenshot

14. Suckerfish HoverLightbox

Screenshot

15. Suckerfish HoverLightbox Redux

16. ThickBox 2.1.1

Screenshot

CSS галереи

17. A Photograph Gallery

Screenshot

18. A simple CSS photo-album

Screenshot

19. Cross Browser Multi-Page Photograph Gallery

20. CSS Image Gallery

Screenshot

21. CSS: Photo Showcase

Screenshot

22. Hoverbox Image Gallery

Screenshot

23. Photo scroll gallery

Screenshot

24. Sliding Photograph Galleries

Screenshot

JavaScript + CSS-основанные галереи и DHTML галереи

25. xImgGallery - Javascript Image Gallery & Slideshow

Screenshot

26. easyAlbum

Screenshot

27. ImageGal

28. Highslide JS

Screenshot

29. Satellite

30. Dhonishow

Оригинал статьи: 30 Scripts For Galleries, Slideshows and Lightboxes

Популярность публикации: 52%

Похожие статьи по блогингу и веб-местерингу:

  • 85 полезных и регулярно используемых AJAX-техник, необходимых для создания профессиональных веб-приложений
  • 10 превосходных бесплатных тем оформления WordPress для сайтов фотогалерей
  • 6 бесплатных и максимально элегантных решений для реализации Flash-галерей
  • 14 интересных решений реализации интерфейсов на вкладках
  • Сборка лучших компактных шпаргалок по дисциплинам: JavaScript, CSS, HTML/XHTML…

Понравилась статья? Подпишись на обновления блога по RSS!



    14 комментария(-ев)

  • 6 бесплатных и максимально элегантных решений для реализации Flash-галерей » Блог проекта W3School.ru - школы создания сайтов

    […] Кому интересно, некоторое время назад мы публиковали статью-обзор 30 скриптов, реализующих возможности галерей и слайд-шо…. […]

  • Подорожник

    небольшой вопрос, эти скрипты подходят под какие СМS?

  • Всеволод Козлов

    Подорожник, скрипты абсолютно самостоятельные! Поэтому хоть в статику их инклудте!

  • al777

    А я думаю, что всё равно полезно. Мне многие галереи понравились и не только дизайном.

  • Елена

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

  • Знакомства

    нет конечно… :mrgreen:

  • Степан

    Хотелось бы галерею, которая представляет собой окошко с маленькими фотографиями со скрулом (навигация), при щелчке на одну из них она открывается в болшем размере в основном окне, а при щелчке на ней открывается какая-либо страница. Причем прокрутка навигации плавная и с эффектами анимации типа плавного появления. Есть ли такие?

  • Сергей

    упс, то что надо, статья очень помогла,
    спасибо за подборку!

  • Светлана

    Спасибо за хорошую подборку. Как раз собираюсь сделать новую фотогалерею на своем сайте. Только у меня вопрос. Можно ли интегрировать эти скрипты в CMS Textpattern?

  • Пачанга

    То что надо!
    Спасибо!

  • gnuss

    вот вы блин, уроды, а, чё друг у друга то переписываити? а?
    ты придурок если хошь сдилать чё полезное, возьми и опиши по РУССКИ хоть один скрипт, как работает и т.д.
    задолбали дебилы замусоривающие рунет плагиатом!
    сцуки!!!!!!!!!!!!!! :twisted: :twisted: :twisted:

  • Vowmaster

    а есть скрипт для случайной фотки?

  • Ronny

    Добрый день!
    Подскажите, пожалуйста, как установить данную галерею пошагово на сайте? Есть ли какая инструкция? У меня уже существующий сайт и на нем хотелось бы иметь отдельную рубрику, страницу, где можно сделать фотогалерею.
    Как я полагаю, скачать этого мало, куда ее закачать? как установить?:)
    Спасибо большое!

  • Данила

    ну таки буду 31-м :cool: , еще один простой способ слайд шоу, только тут уже ручками слайд шоу на javascript

Прокомментировать публикацию

 


  • Как создать сайт - RSS

    Подписаться на RSS-ленту блога проекта W3School.ru - школы создания сайтов
  • Как сделать сайт - Разделы

    • CSS (31)
    • HTML, XHTML (2)
    • Web-разработка (78)
    • Web-сервисы (10)
    • Блоггинг: ведение блога (22)
    • Блоггинг: основы (11)
    • Блоггинг: проектирование (28)
    • Галерея дизайнов (77)
    • Интересное для веб-мастеров (42)
    • Копирайтинг для сайтов (2)
    • Редакторская колонка (11)
    • Юзабилити и доступность (7)
  • Как создать сайт - Лучшее

    • 50 полезных скриптов и плагинов на jQuery
    • 27 ресурсов с бесплатными текстурами и узорами в помощь дизайнеру
    • Бесплатные CSS-макеты и шаблоны
    • 30 скриптов, реализующих возможности галерей и слайд-шоу
    • 101 взрывной и незаменимый информационный ресурс по CSS
    • 37 любопытных, нужных и полезных jQuery плагинов и скриптов
    • 43 примера реализации всплывающих подсказок с помощью AJAX, JavaScript и CSS
    • 58 креативных логотипов, способных вдохновить Вас на создание логотипа-шедевра
    • 5 практических рекомендаций по организации категорий на блоге
    • Свежие и высококачественные бесплатные иконки для рабочего стола и веб-дизайна
  • Рекомендуем

    • Design For Masters
    • Life Style
    • Webmascon
    • XHTML.RU по-русски
    • Блог веб-мастера
    • Верстка от Webmolot
    • Временно.нет - статьи по верстке и веб-дизайну
    • Для тех, кто делает сайты
    • Записки о Flash & Creative
    • Ресурс для веб-разработчиков
    • Уроки photoshop
    • Школа поисковой оптимизации


Copyright © 2008 Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов (г. Москва)

Проект веб-компании StudioForYou: поисковая оптимизация сайта

Rambler's Top100