ГалереяПросмотреть Jquery

Question

Я пытаюсь внедрить эту JqueryGallery на мой сайт ( большая серая коробка ). Теперь моя проблема в том, что изображения не появляются.

Вот мой сайт

вот мой код заголовка:

<link href="css/galleryview.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-2.1.1.js"></script>
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
<script type="text/javascript">
    $(document).ready(function(){       
        $('#photos').galleryView({
            panel_width: 655,
            panel_height: 336,
            transition_speed: 1500,
            transition_interval: 5000,
            nav_theme: 'dark',
            border: '1px solid white',
            pause_on_hover: true,
        });
    });
</script>

Вот мой код галереи:

<div id="photos" class="galleryview">
<div class="panel">
     <img src="http://spaceforaname.com/img/gallery/01.jpg" /> 
    <div class="panel-overlay">

      <h2>Effet du soleil sur le paysage</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/tomharry" target="_blank">tomharry</a>.  View full-size photo <a href="http://www.sxc.hu/photo/158829" target="_blank">here</a>.</p>
    </div>
  </div>
  <div class="panel">
     <img src="http://spaceforaname.com/img/gallery/02.jpg" /> 
    <div class="panel-overlay">

      <h2>Eden</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.  View full-size photo <a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.</p>
    </div>
  </div>
  <div class="panel">
     <img src="http://spaceforaname.com/img/gallery/03.jpg" /> 
    <div class="panel-overlay">

      <h2>Snail on the Corn</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/baines" target="_blank">baines</a>.  View full-size photo <a href="http://www.sxc.hu/photo/34453" target="_blank">here</a>.</p>
    </div>
  </div>
  <div class="panel">
     <img src="http://spaceforaname.com/img/gallery/04.jpg" /> 
    <div class="panel-overlay">

      <h2>Flowers</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/jazza" target="_blank">jazza</a>.  View full-size photo <a href="http://www.sxc.hu/photo/990169" target="_blank">here</a>.</p>
    </div>
  </div>
  <div class="panel">
     <img src="http://spaceforaname.com/img/gallery/06.jpg" /> 
    <div class="panel-overlay">

      <h2>Alone Beach 2B</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/sgursozlu" target="_blank">sgursozlu</a>.  View full-size photo <a href="http://www.sxc.hu/photo/738279" target="_blank">here</a>.</p>
    </div>
  </div>
</div>

Answer 1

Рад, что вы поняли это. Но только для вашей информации, чтобы воспользоваться преимуществами нового скрипта 2.1.1: ваш код должен выглядеть так:

<ul id="photos" class="galleryview">
  <li>
    <img src="http://spaceforaname.com/img/gallery/01.jpg" /> 
    <div class="panel-overlay">
      <h2>Effet du soleil sur le paysage</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/tomharry" target="_blank">tomharry</a>.  View full-size photo <a href="http://www.sxc.hu/photo/158829" target="_blank">here</a>.</p>
    </div>
  </li>
  <li>
    <img src="http://spaceforaname.com/img/gallery/02.jpg" /> 
    <div class="panel-overlay">
      <h2>Eden</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.  View full-size photo <a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.</p>
    </div>
  </li>
  <li>
    <img src="http://spaceforaname.com/img/gallery/03.jpg" /> 
    <div class="panel-overlay">
      <h2>Snail on the Corn</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/baines" target="_blank">baines</a>.  View full-size photo <a href="http://www.sxc.hu/photo/34453" target="_blank">here</a>.</p>
    </div>
  </li>
  <li>
    <img src="http://spaceforaname.com/img/gallery/04.jpg" /> 
    <div class="panel-overlay">
      <h2>Flowers</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/jazza" target="_blank">jazza</a>.  View full-size photo <a href="http://www.sxc.hu/photo/990169" target="_blank">here</a>.</p>
    </div>
  </li>
</ul>

Как видите, код чище и более семантически корректен с точки зрения HTML (посмотрите на Divitis ), поэтому его стоит обновить. :)

Answer 2

Разобрался, проблема в конфликте между двумя скриптами ..