JQuery prettyPhoto - открыть галерею по ссылке, которая не является изображением

Question

Я использую клон лайтбокса JQuery prettyPhoto, и он прекрасно работает, но у меня есть одна небольшая проблема.

Все изображения имеют следующий формат:

<a href='imageURL' rel='prettyPhoto[gallery1]'><img src='imageURL' style='height:100px;' title='photoname' /></a>

У меня есть 4 изображения и еще 10 скрытых с помощью <div> с style='display:none;'. При нажатии на любое из 4 изображений открывается галерея, в которой отображаются все 14 фотографий. Это нормально.

Но мне также нужна ссылка «просмотреть все 14 фотографий», которая при нажатии открывает галерею. Теперь, если я не дам <a href='imageURL'> текстовой ссылке, это не сработает. Но если я свяжу его, например, с первым изображением, то это изображение будет дважды показано в галерее. Как я могу избежать этого?

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

Answer 1

Измените свою ссылку на:

<a id="startPrettyPhoto">View all photos</a>

И добавьте это к документу, готовому там, где вы настроили prettyPhoto

$("#startPrettyPhoto").click(function() {
   $("a[rel^='prettyPhoto']:first").click()
});