Начну с себя и с благодарности GK за, надеюсь, полезную для многих идею.
Структура каталогов элементарна:
index.html
папка Foto
подпапки:
Vinni (файлы: 1.gif, 1.gif.png, 2.gif, 2.gif.png, 3.gif, 3.gif.png)
Vinni_All (файлы: 1.gif, 1.gif.png, 2.gif, 2.gif.png, 3.gif, 3.gif.png ...., 10.gif, 10.gif.png)
Vinni_i_den_zabot (файлы: 1.gif, 1.gif.png, 2.gif, 2.gif.png, 3.gif, 3.gif.png, 4.gif, 4.gif.png)
Vinni_idet_v_gosty (файлы: 1.gif, 1.gif.png, 2.gif, 2.gif.png, 3.gif, 3.gif.png)
Примечание по настройке:
Имена подпапок указываются в качестве value для option (в тэге select), через решетку указываем кол-во картинок (превью) в галерее по данной теме, т.е. без учета удвоения на увеличенную картинку в хорошем качестве. В принципе наверно и все, по настройкам. Группу "Иностранные мультфильмы" не стал заполнять - заполняется аналогично "Отечественным".
Из того, что представляет данная галерея по функционалу:
- изначально показывается список тем в раскрывающемся меню и небольшой мануал по работе;
- после выбора темы, мануал скрывается, появляются 3 произвольных превью из выбранной темы, ниже список тем на случай, если решим сменить... строка министатуса (сообщает, какая картинка выбрана из скольки) и еще ниже случайным образом выбирается и показывается полноформатное изображение (выбор осуществляется из верхних превью);
- по нажатию на любое превью, строка министатуса переформировывается, выводится увеличенное полноформатное изображение выбранной картинки, также активное превью подчеркивается через HR;
- превью по наведению изменяют размер, обводятся рамкой... т.е. добавлены динамические эффекты;
- по нажатию на увеличенное полноформатное изображение, оно открывается в новой вкладке;
- ну и последнее - листинг списка превью вправо/влево, если изображений больше, чем 3 (в противном случае стрелки скрываются); изменение цвета при наведении на стрелки; title при наведении; стиль курсора и т.п. - естественно, продумано + добавлен запрет выделения по двойному клику, т.к. используются объекты с onclick.
Скачать пример