Как реализовать увеличение изображения при клике на превьюшку?

Question

[Роман Скобцов]

Имеется страница такого типажа dbmast.ru/files/portfolio-page .

Как реализовать увеличение изображения в модальном окне при клике на него, либо чтобы еще можно было листать их?

Comments

[Влад Шариков]

Так а что выбрали-то и почему?

Answer 1

[Bogdan Odarchenko]

lokeshdhakar.com/projects/lightbox2/?u=6 Самое лучшее решение!

Comments

[BATPYIIIKOB]

Тяжёлый вариант, проще написать самому.

Answer 2

[Анна Бакурова]

fancybox.net как вариант. Но Я всегда склоняюсь к тому чтобы ручками написать. А то в плагинах столько кода который Вы не используете а браузер то его грузит

Comments

[Роман Скобцов]

на счет ручек,согласен.Но иногда нужно на примере идеологию понять что и как происходит.СПС

[Тимур Бикташев]

Тоже согласен, но у кого какие ручки)))))

[Роман Скобцов]

))

Answer 3

[Влад Шариков]

как реализовать увеличение изображения в модальном окне при клике на него...

В этом поможет ColorBox Plugin.

чтобы еще можно было листать их

Листать открывшееся модальное окно тоже умеет. Смотрите примеры.

Это — то, что нужно? Юзайте Colorbox Plugin тогда (ну или что-то подобное, дадено для примера).

Answer 4

[Viktor Vsk]

Не особо понял, что там листается по ссылке, но хорошая альтернатива фэнсибоксам и т.д. - dimsemenov.com/plugins/magnific-popup
А насчет ручек - машины должны страдать. И если вы за 5 минут сделали проект, который браузер грузит за 50 мс, то мало смысла тратить еще целый день, что б прийти к тому, что бы он грузил его за 38 мс.

Comments

[Анна Бакурова]

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

[Viktor Vsk]

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

Преждевременная оптимизация - это плохо.
Велосипеды - это интересно и полезно, но крайне неэффективно.

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

Стоит ли Ваше время того, что бы увеличить скорость загрузки с 50 мс до 40 мс ?

Конечно, другое дело, когда перед вами реальные цифры, реальные узкие места, конкретные спецификации - тогда нужно решать задачу другим способом