Блог

У меня проблемы с prettyPhoto. Он отлично работает на моей другой странице под названием: portfolio.html . В Index.html Я также хотел заставить некоторые изображения работать с prettyPhoto, но он не реагирует на код. У меня есть это:

В верхней части моего index.html:

 <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
  

Середина:

   <div class="boxA">
                <a href="images/images/barn_owl.jpg" data-rel="prettyPhoto" title="This is the description"><img class="bottom" src="images/knop-hover1.jpg" />
                <img class="top" src="images/knop-1.jpg" /></a>
    </div>
            <div class="boxB">
            <a data-rel="prettyPhoto" href="images/images/siamang.jpg"><img class="bottom" src="images/knop-hover-siamang.jpg" />
              <img class="top" src="images/knop-siamang.jpg" /></a>
    </div>
            <div class="boxC">
                <a href="portfolio-cover.html"><img class="bottom" src="images/knop-hover-cover.jpg" />
              <img class="top" src="images/knop-cover.jpg" /></a>
            </div>
  

Внизу:

 <script>
//prettyPhoto 
jQuery(document).ready(function(){
    jQuery('a[data-gal]').each(function() {
        jQuery(this).attr('rel', jQuery(this).data('gal'));
    });     
    jQuery("a[data-rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'light_square',slideshow:false,overlay_gallery: false,social_tools:false,deeplinking:false});
}); 


</script> 
  

Если кто-нибудь знает prettyPhoto, я надеюсь, вы сможете мне помочь. Спасибо.