Отображение изображений с помощью prettyphoto при нажатии на другой элемент

У меня есть список изображений следующим образом:

<ul class="thumbs">
    <li><a href="#" rel="prettyPhoto[pp_gal]"><img src="images/thumb.jpg" alt=""/></a>
    <li><a href="#" rel="prettyPhoto[pp_gal]"><img src="images/thumb.jpg" alt=""/></a>
</ul>

Я связываю событие prettyphoto следующим образом, что отлично работает для галереи.

 $("a[rel='prettyPhoto[pp_gal]']").prettyPhoto({ social_tools: false, slideshow: false });

У меня есть еще один тег привязки на моей странице:

 <a href="#">View all images</a>

как я могу связать красивое фотособытие, чтобы при нажатии на viewall изображения из ul отображались точно так же, как они появляются при щелчке любого изображения из списка ul.