Минигалерея для сайта на JavaScript, есть ЛИЧНЫЕ, АВТОРСКИЕ примеры?







+8 +/-

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

Профиль пользователя Miwako Спросил: Miwako (рейтинг 2007) Категория: компьютеры и интернет

Ответов: 1

3 +/-

Начну с себя и с благодарности 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.

Скачать пример

Ответил на вопрос: Downgrade 

Похожие вопросы

Спросил
2 Отв.
Как решать подобные задачи по ИВТ(Паскаль, подготовка к ЕГЭ)(см.)?
Ответ: Данные задачи относятся к заданиям ЕГЭ по информатике, суть которых - анализ кода программы, содержащей циклы и ветвления. От решающего задачу требуется проанализировать ход выполнения программы, для ... Читать далее...
Автор вопроса: Iranian, в категории | | |
Спросил Iranian
4 Отв.
Как исправить ошибки на сайте?
Ответ: Это ошибки в структурированных данных, т. е. в микроразметке. Вернее, ошибками это назвать можно только условно - у вас просто не заполнены данные трех ... Читать далее...
Автор вопроса: Sacrum, в категории | | |
Спросил Sacrum
1 Отв.
Как зашифровать свое имя в двоичном коде?
Ответ: Если вы любитель мозговых штурмов и у вас масса свободного времени, то можно, используя Коды символов ASCII выразить своё имя, к примеру, в десятеричном ... Читать далее...
Автор вопроса: Burnier, в категории | | |
Спросил Burnier
5 Отв.
Какую выгоду может принести изучение языка HTML?
Ответ: Я сам изучил язык html (а также и css). Мне он нужен был для создания собственного сайта. Если он Вам понадобится для профессии в области программирования: ... Читать далее...
Автор вопроса: Clark, в категории | | |
Спросил Clark
2 Отв.
Что такое «класс» в программировании?
Ответ: Классами программисты описывают некие абстрактные типы данных. В классе также определяются свойства, данные и методы обработки данных. Классы можно объявлять ... Читать далее...
Автор вопроса: Carita, в категории | |
Спросил Carita
1 Отв.
К какому ЯП лучше перейти после изучения верстки?
Ответ: Создание и программирование сайтов не легкая работа. Изучив весь этот процесс, нужно крапотливое приобретение стажа, изучая и вникая новые языки программирования. ... Читать далее...
Автор вопроса: Rusty, в категории | | |
Спросил Rusty
2 Отв.
Можно ли найти работу, если знаешь только HTML и CSS?
Ответ: Полноценную работу сразу вряд ли удастся найти. Ориентироваться можно на вакансии типа HTML-верстальщик. Но и здесь компании берут с опытом и требований ... Читать далее...
Автор вопроса: Rivulet, в категории | |
Спросил Rivulet
1 Отв.
Как получить оповещение о появлении на чужом сайте определенной фразы?
Ответ: Закажите у веб-программиста Парсер который будет постоянно проверять контентна сайте и проверять в нем наличие той самой ... Читать далее...
Автор вопроса: Crankpin, в категории | | | | |