Здравствуйте, форумчане. Проблема следующая: использую галерею lightbox-o.5.
Написал скриптик, который добавляет всем изображениям, на которых нет ссылки, ссылку для лайтбокса и прицепил сам лайтбокс, соответственно:
<script type="text/javascript">
function autoA(){
var arrImgs=document.getElementsByTagName("img");
for(var i = 1; i < arrImgs.length-1; i++){
var elemImg = arrImgs[i];
if (elemImg.parentNode.nodeName != "A"){
elemImg.outerHTML = "<a class='lightbox' href='"+elemImg.src+"'>"+elemImg.outerHTML+"</a>";
}
}
}
</script>
<script type="text/javascript">
function autoA(){
var arrImgs=document.getElementsByTagName("img");
for(var i = 1; i < arrImgs.length-1; i++){
var elemImg = arrImgs[i];
if (elemImg.parentNode.nodeName != "A"){
elemImg.outerHTML = "<a class='lightbox' href='"+elemImg.src+"'>"+elemImg.outerHTML+"</a>";
}
}
}
</script>
<!--лайтбокс -->
<script type="text/javascript" src="<?=$nameDef;?>/img/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="<?=$nameDef;?>/img/jquery.lightbox-0.5.css" media="screen" />
<!-- подключаю библиотеку -->
<script type="text/javascript" src="<?=$nameDef;?>/img/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
<!--Устраняю конфликт c меню-->
jQuery.noConflict();
</script>
<!-- привязываю к ссылке-->
<script type="text/javascript">
jQuery(function() {
jQuery('.lightbox').lightBox();
});
</script>
Если добавить ссылку в админке(она тут самодельная), то лайтбокс работает, если вот так программно, не работает, хотя всё выглядит идентично. Сайт написан на пхп и повторюсь: стоит самодельная админка.