Комментарии к записи: Галерея LightBox и ее клоны

Автор: Gennady

Gennady — Wed, 20 Jan 2010 07:58:08 +0000

Продолжить обсуждение можно на форуме jQuery - lightBox, prettyPhoto.

Автор: Gennady

Gennady — Wed, 20 Jan 2010 06:23:51 +0000

Василий, Вы читали обзор про галереи для jQuery, а используете Вы lightbox для prototype.
Кстати, я null не увидел…

Автор: Василий

Василий — Wed, 20 Jan 2010 01:16:41 +0000

Геннадий спасибо за отличны обзор! Но у меня имеется небольшая трабла. Дело в том, что в lightbox при просмотре фото в левом нижнем углу висит надпись null. Как мне ее изменить? Помогите советом.
Если нужен наглядный пример, то вот он
http://karado.ru/index.php?option=com_adsmanager&page=show_ad&adid=2&Itemid=54

Автор: Carson

Carson — Sun, 17 Jan 2010 12:20:46 +0000

Геннадий, спасибо за совет!, но, увы, всё осталось также – при втором открытии – переходит по ссылке.
моя же версия – это просто при второй инициализации той же галереи – преттифото её игнорит/запрещает своими способами, тем самым –> ppt undefined. Мне кажется эта фотогалерея просто не для Ajax приложений:)
Пока вышел через open – работает кульно и всегда(!), но это сильно усложняет код, особенно когда фоток больше одной, + появится некоторая беспорядочность и просмотр всегда с первой фото не самый айс, хотя как посмотреть:), а так вцелом хорошо.
>вариант gettopup.com
неплохо, но претти, имхо, пока лучшая =), несмотря на глюк с аякс

Автор: Gennady

Gennady — Sat, 16 Jan 2010 19:36:58 +0000

To Carson:
Ваш пример посмотрел. При второй загрузке переменная $pps оказывается is undefined. Моя версия того, почему это происходит – Вы используете load, который выполняется как GET-запрос, если в запросе не переданы параметры. Поэтому все в кэш и во второй раз обработчик не выполняется, т.е. prettyPhoto не инициализируется.
Но это моя версия. А совет – использовать $.ajax(options), т.е. вместо этого:

$('#megodiv').load($(this).attr("href"));

написать что-то вроде этого:

myUrl = $(this).attr("href");
$.ajax({
  type: 'POST',
  url: myUrl,
  success: function(data){
    $('#megodiv').html(data);
    $("a[rel^='prettyPhoto[gallery_1']")
    .prettyPhoto({theme:'dark_rounded'});
  }
});

Соответственно по тому url, к которому идет запрос, рисуется только html-разметка, которая по успешному ответу вставляется в #megodiv, а потом инициализируется prettyPhoto. Вот как-то так примерно. Вроде бы должно сработать. Хотя тонкое место все-таки есть в опции success, но попробуйте…

Автор: Gennady

Gennady — Sat, 16 Jan 2010 19:11:29 +0000

Пока нет. Но вот сейчас конечно посмотрел – в общем тоже можно будет поговорить…

Автор: Виталий

Виталий — Sat, 16 Jan 2010 10:09:28 +0000

Генадий! Вы не рассматривали еще такой вариант gettopup.com?

Автор: Carson

Carson — Thu, 14 Jan 2010 20:04:15 +0000

проблема сохранилась.
на оффициальном сайте выложена версия поновее – 2.5.6, в которой баг якобы исправлен («fixed a bug when prettyPhoto is re-initialized after an AJAX reload.»), действительно что-то такое есть, но видимо не до конца исправлен, или я где-то глуплю..
посмотрите пожалуйста, может найдёте ошибку или выход, я был оч благодарен. Залил исходник-пример сюда – _http://depositfiles.com/files/5e4mcbs9o и _http://rapidshare.com/files/335327333/Pretty.rar.html
сама проблема – при второй и следующих подгрузках галереи – она не срабатывает(запустите index.html, а потом два раза кликните на фотогалерею). как то это возможно поправить?

Автор: Carson

Carson — Tue, 12 Jan 2010 01:34:49 +0000

Gennady, большое спасибо за ответ!
Вы примерно правильно поняли, динамическим, тоесть по нажатии кнопки ajax’ом подгружается html файл с фотогалереей(на другие кнопки – другие html). Внутри события .ready этого html есть этот самый метод prettyPhoto(). Так вот – при первой подгрузке – всё хорошо, вторая и последующие – кривота кривущая – галерея показывает мягко говоря некрасиво. Если создавать 1 раз при загрузке основной страницы – не срабатывает галерея, при 1ой подгрузке html – во 2ой раз не сработает. и просто как я не пробовал колдовать над этим методом и галереей – результат либо хуже, либо такой же. (Если нужно – могу повырезать код и залить как пример куда-нибудь. У меня с использованием таймаута – для большей видимости этого полуглюка)
Это один из первых моих сайтов и пока за отсутсвием хороших знаний в php, использую вместо него javascript и jquery с ajax’ом, не знаю правильно ли это (как Вы считаете?), но пока всё было чётенько, а с анимацией jquery – и оч красивенько

Пока не сделал, но думаю сработает такой выход из ситуации – загрузкой этого счастья(галереи) сразу в страницу, без подгрузки ajax’ом, с невидимостью(display:none), а при нажатии кнопки – «копипастом» вставлять в нужный блок – тогда можно будет создать галерею(и) только 1 раз, и галерея и сами фото – они будут видеть друг друга и будут работать.
единственное – при первой загрузке страница будет весить больше, может даже намного.. немного неайс..

Автор: Gennady

Gennady — Sun, 10 Jan 2010 19:20:22 +0000

Что Вы имеете ввиду под динамическим созданием? Если вставляете миниатюры с помощью ajax или методами типа append, то никакой деструктор тут не поможет. Обработчик, т.е. по сути метод prettyPhoto() должен подгружаться после того, как сформирована структура DOM. Ну или искать какие-то другие пути, типа использования open(images,titles,descriptions).
Ну, это уже зависит от того, что именно Вы реализуете и как это должно выглядеть и работать.