Есть галлерея картинок. К каждой картинке подключен lightbox по rel="lightbox". Т.е. при нажатии на превью открывается увеличенное изображение.
Галерея динамическая, по запросу посетителя сайта подгружаются новые картинки.
Обработчик такой:
function showPics(picsGroup_id)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("pics_group").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","pics_insert.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("pics="+picsGroup_id);
}
Соответственно, pics_insert.php генерит нужный HTML для вставки.
Все прекрасно работает, но все, что сгенерировано динамически, не открывается через lightbox. Код, вставляемый через pics_insert.php - корректный, проверял.
В чем может быть причина?