Показать сообщение отдельно
  #7 (permalink)  
Старый 22.12.2014, 10:17
Интересующийся
Посмотреть профиль Найти все сообщения от moskitos80
 
Регистрация: 11.08.2013
Сообщений: 28

Сообщение от renegade Посмотреть сообщение
По поводу того как должно открываться - новый div перекрывающий остальные и его можно закрыть на крестик, вот пример http://www.cherinfo.ru/news/71057
Так я извиняюсь там fancybox используется. Fancybox - у для работы понадобится такой html-каркас:

<a class="fancybox" rel="group" href="big_image_1.jpg"><img src="small_image_1.jpg" alt="" /></a>
<a class="fancybox" rel="group" href="big_image_2.jpg"><img src="small_image_2.jpg" alt="" /></a>


Вам, уважаемый renegade требуется подключить fancybox и написать код, который всего лишь сгенерит из Ваших входных данных:

...
fotos: [{
             "title": "Картинка 1",
             "big_url": "http://learn.javascript.ru/files/tutorial/browser/events/gallery/img4-lg.jpg",
             "thumb_url": "http://learn.javascript.ru/files/tutorial/browser/events/gallery/img4-thumb.jpg"
         }, {
             "title": "Картинка 2",
             "big_url": "http://learn.javascript.ru/files/tutorial/browser/events/gallery/img5-lg.jpg",
             "thumb_url": "http://learn.javascript.ru/files/tutorial/browser/events/gallery/img5-thumb.jpg"
         }]
...


такую разметку:

<a class="fancybox" rel="group" href="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img4-lg.jpg">
    <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img4-thumb.jpg" alt="" />
</a>
<a class="fancybox" rel="group" href="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img5-lg.jpg">
    <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img5-thumb.jpg" alt="" /></a>


И всего делов то.
Ответить с цитированием