Вы можете открыть галерею изображений с помощью prettyPhoto, нажав на одно изображение?

Question

Я пытаюсь использовать prettyPhoto, чтобы открыть галерею изображений, как только я нажму на одно изображение.

На их демо-странице, я могу видеть, как это может быть достигнуто при наличии кучи изображений:

<a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /></a> 
<a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /></a> 
<a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /></a> 
<a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /></a> 
<a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /></a> 

Я, однако, нужно это быть альбом стиля, это означает, что при нажатии на одно изображение, другие изображения отображаются внутри всплывающего окна prettyPhoto.

Answer 1

Да! Я думаю, что это не правильный подход, но это поможет. поместите другие изображения, кроме обложки альбома, в другой div и дайте ему отображение none css.

<a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /></a> 
<div style="display:none;"> 
<a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /></a> 
<a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /></a> 
<a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /></a> 
<a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /></a> 
</div>  

Answer 2

Я делаю это для SLOVE This Problam In My Site

<a href="Images/1.jpg" rel="prettyPhoto[pp_gal]"> 
    <img src="Images/2.jpg" /> 
</a> 

и Еще изображения Просто Написать тег и набор Rel Для группы Rel Как для этого эту

<a href="Images/3.jpg" rel="prettyPhoto[pp_gal]"></a> 
<a href="Images/4.jpg" rel="prettyPhoto[pp_gal]"></a> 
<a href="Images/5.jpg" rel="prettyPhoto[pp_gal]"></a>