Я бы действительно был бы признателен, если бы кто-нибудь мог заметить здесь что-то, что я делаю неправильно!
Я пытаюсь использовать этот плагин: http://www.sebastianoarmelibattana.com/projects/jail
Я включил его в свою веб-страницу, которая представляет собой форму поиска, которая отправляется через запрос AJAX и отображает результаты поиска в таблице. Эта таблица является другим плагином с именем dataTables.
Вот соответствующие биты кода:
Повторная инициализация подключаемых модулей после успешного выполнения запроса AJAX (такая же инициализация выполняется и на реальной HTML-странице):
// re-initialise lazyload, lightbox and dataTable plugins
$('img.lazy').jail();
$('a.lightbox').lightBox();
$('#test-docs-table').dataTable( {
"bPaginate": false,
"sDom": 'Rlfrtip',
"aoColumns": [
null,
null,
{ "sType": "title-numeric" },
null
]
});
Это строка php, которая отображает соответствующую ячейку таблицы с миниатюрой в ней:
$shortname = $row['filename'];
$doc = "/central/testdocs/".$row['filename'];
$thumb = "include/doc-thumbnail.php?doc=$doc";
echo("\n<div class=\"thumbnail\">\n<td class=\"center\"><a class=\"lightbox\" title=\"$shortname\" href=\"$thumb&dpi=96\"><img class=\"lazy\" data-href=\"$thumb\" src=\"images/blank.png\" width=\"50\" height=\"50\"/></a></td>\n</div>\n");
Обратите внимание, что используется другой плагин - лайтбокс, поэтому не уверен, что это повлияет на ситуацию.
В настоящий момент похоже, что плагин JAIL делает что-то , но все изображения загружаются сразу после загрузки страницы.
Лайтбокс все еще работает, когда вы нажимаете на миниатюры - страница фактически работает точно так же, как и раньше, за исключением того, что до полной загрузки страницы ячейка миниатюры пуста.