Мінігалерея для сайту на JavaScript, є ОСОБИСТІ, АВТОРСЬКІ приклади?

Почну з себе і з вдячності 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), через ґрати вказуємо кількість картинок (превью) в галереї по даній темі, т. Е. Без урахування подвоєння на збільшену картинку в хорошій якості. В принципі напевно і все, з налагодження. групу "іноземні мультфільми" не став заповнювати - заповнюється аналогічно "вітчизняним".

З того, що являє дана галерея по функціоналу:

1. спочатку показується список тем в спадному меню і невеликий мануал по роботі;
2. після вибору теми, мануал ховається, з'являються 3 довільних превью з обраної теми, нижче список тем на випадок, якщо вирішимо змінити ... рядок міністатуса (повідомляє, яка картинка обрана з скількох) і ще нижче випадковим чином вибирається і показується повноформатне зображення (вибір здійснюється з верхніх превью);
3. після натискання на будь-превью, рядок міністатуса переформовувалися, виводиться збільшене повноформатне зображення обраної картинки, також активну превью підкреслюється через HR;
4. превью по наведенню змінюють розмір, обводятся рамкою ... т. е. додані динамічні ефекти;
5. після натискання на збільшене повноформатне зображення, воно відкривається в новій вкладці;
6. ну і останнє - лістинг списку превью вправо / вліво, якщо зображень більше, ніж 3 (в іншому випадку стрілки ховаються); зміна кольору при наведенні на стрілки; title при наведенні; стиль курсора і т. п. - природно, продумано + доданий заборона виділення по подвійному кліку, т. к. використовуються об'єкти з onclick.

завантажити приклад