Зачем lightbox и fancybox использует ссылку?

Question

[aPilot]

Для того чтоб получить всплывающее изображение lightbox и fancybox использует ссылку.
Например:

<a href="upload/photo1.jpg">My photo</a> 
или
<a href="http://domain.com/photo1.png"><img src="thumb.jpg" /></a>

Почему нельзя использовать просто <img src="thumb.jpg" />?

Или может всё же можно, как то ухитриться и сделать без ссылки? Может кто знает...

Answer 1

[Сергей Горячев]

Владимир Проскурин уже дал правильный ответ, но дополню.

Можно без ссылки www.picssel.com/playground/jquery/galleryIMGtag_11...
Если речь идет о небольших картинках.

https://stackoverflow.com/questions/9240436/fancyb...

<div id="foo2">
  <img src="images/01.jpg" alt="">
  <img src="images/02.jpg" alt="">
  <img src="images/03.jpg" alt="">
  <img src="images/04.jpg" alt="">
  <img src="images/05.jpg" alt="">
 </div>

Comments

[aPilot]

А есть такое решение для Fancybox 3 ?

Просто у меня всего одна картинка без разных размеров.

[Сергей Горячев]

aPilot, я, конечно, не пробовал, но судя по коду, он должен подходить ко всем версиям, он вроде универсальный.

[Сергей Горячев]

aPilot, а что мешает в принципе сделать так:

<a href="img1.jpg">
  <img src="img1.jpg" />
</a>

[aPilot]

Сергей Горячев, а зачем куча ссылок на странице на картинки?...

[Сергей Горячев]

aPilot, два вопроса, которые в принципе, решать вам) Я только предложил вариант 1 и вариант 2 ) Что первое, что второе, в техническом смысле одинаковы. Нагрузка также будет равная.

Answer 2

[Владимир Проскурин]

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

Answer 3

[sriver]

Так там же разные ссылки - на маленькое превью и на полноразмерное фото.
+ это все таки ссылка, на ней соответствующий курсор и т.д.