prettyPhoto Загрузка фотографий в обратном порядке

Question

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

Вот рабочая копия: radiant.dreamhosters.com

Answer 1

Я вижу, что вы хотите только по уменьшенному изображению в галерее. Для достижения этого результата, API будет лучшим выбором. Найдите документацию «Public API» на этой странице: http://www.no -margin-for-errors.com / projects / prettyphoto-jquery-lightbox-clone / documents /

images = ['images / fullscreen / image1.jpg', 'images / fullscreen / image2.jpg', 'images / fullscreen / image3.jpg']; title = ['Title 1', 'Title 2', 'Title 3']; description = ['Description 1', 'Description 2', 'Description 3'] $ .PrettyPhoto.open (изображения, название, описание);

Надеюсь, эта помощь:)

Answer 2

это было довольно странно, но я думаю, что решил это.

Проблема Если вы посмотрите на ссылку, по которой щелкаете, чтобы открыть свою галерею, то увидите ссылку на последнее изображение в списке галереи. то есть галерея ссылается на «images / инвентарь / 1 / 5.jpg», который является вашим последним изображением

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

Исправление

Что я сделал, так это присвоил вашей главной ссылке на ссылку css z-index через класс css, таким образом, это изображение, на которое вы нажимаете. Протестировал это с помощью своего кода, и он работал для меня.

вроде так:

< style> .first_img{ z-index: 10; } < /style > </p> <p><code> < a class="first_img project_hoverPhoto" href="images/inventory/1/1.jpg" rel='prettyPhoto[1]'></p> <p></p> <pre> <a class="project_hoverPhoto" href="images/inventory/1/3.jpg" rel='prettyPhoto[1]'></a> <a class="project_hoverPhoto" href="images/inventory/1/4.jpg" rel='prettyPhoto[1]'></a> <a class="project_hoverPhoto" href="images/inventory/1/5.jpg" rel='prettyPhoto[1]'></a> <img src="images/inventory/1/sm.jpg" alt="" width="280" height="140" /><div id="comments"><a class="comments" rel="#">$9,999.99</a></div> <h5>2003 Audi A4 Turbo</h5>