Часы на форум + лайтбокс

GLAZGO пишет:Домовой спасибо! Но этот скрипт я так понял работает пока курсор стоит на картинке. Хотелось бы чтоб картинка плавненько появлялась на этой же странице при клике на превью и плавно изчезала при втором клике

GLAZGO пишет:Домовой! А скрипт не дадите?

Код:

<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script>
<script src="http://szenprogs.ru/scripts/lightbox/jquery.lightbox.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://szenprogs.ru/scripts/lightbox/lightbox.css" type="text/css">


<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery(".lightbox-gal-1").lightbox({
      fitToScreen: true,
      imageClickClose: false,
      overlayOpacity:0.7,
      fileLoadingImage: 'http://savepic.net/101743.gif',
      fileBottomNavCloseImage: 'http://savepic.net/95599.png',
      strings:{
        prevLinkTitle: 'Предыдущий рисунок',
        nextLinkTitle: 'Следующий рисунок',
        prevLinkText: '&laquo; Назад',
        nextLinkText: 'Вперед &raquo;',
        closeTitle: 'Закрыть галерею',
        image: 'Рисунок ',
        of: ' из '
      }
    });
  });
</script>

Код:

<center>
<a href="картинка 1" class="lightbox-gal-1" title="Водопад" rel="gallery1"><img src="картинка 1" width="110" height="120" alt="Водопад"></a>

<a href="картинка 2" class="lightbox-gal-1" title="Название картинки" rel="gallery1"><img src="картинка 2" width="110" height="120" alt="Название картинки"></a>

<a href="картинка 3" class="lightbox-gal-1" title="Название картинки" rel="gallery1"><img src="картинка 3" width="110" height="130" alt="Название картинки"></a>

<a href="картинка 4" class="lightbox-gal-1" title="Название картинки" rel="gallery1"><img src="картинка 4" width="110" height="90" alt="Название картинки"></a>

<a href="картинка 5" class="lightbox-gal-1" title="Название картинки" rel="gallery1"><img src="картинка 5" width="110" height="105" alt="Название картинки"></a>
</center>