$(document).ready(function(){
$("#gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
$("body").click(function() {
$("#randImg").fadeOut(1000, function() {
getRandImg();
});
$("#randImg").fadeIn(1000);
});
function getRandImg()
{
$.getJSON("/randImg.php", {v: 1}, function(img){
$("#randImg").html(img.img);
});
}
});
<div id="gallery">
<ul id="randImg">
<li><a href="/img/company/gallery/large/image1.jpg" rel="prettyPhoto[gallery1]"><img src="/img/company/gallery/prew/image1.jpg" alt="Picture 1 title" /></a></li>
<li><a href="/img/company/gallery/large/image2.jpg" rel="prettyPhoto[gallery1]"><img src="/img/company/gallery/prew/image2.jpg" alt="Picture 1 title" /></a></li>
<li><a href="/img/company/gallery/large/image3.jpg" rel="prettyPhoto[gallery1]"><img src="/img/company/gallery/prew/image3.jpg" alt="Picture 1 title" /></a></li>
<li><a href="/img/company/gallery/large/image4.jpg" rel="prettyPhoto[gallery1]"><img src="/img/company/gallery/prew/image4.jpg" alt="Picture 1 title" /></a></li>
</ul>
</div>
все работает, но вот когда скрипт на сервере отдает случайные изображения из директории - получается DOM обновляется, и галерея отказывается работать.
1) как это исправить?
2) как сделать чтобы функция запускалась не по клику, а к примеру: каждые 5 сек?
Спасибо