Есть ли у кого-нибудь рабочий пример интеграции с Galleryviews?

Аватар пользователя Waldos Waldos 23 октября 2012 в 0:11

Что-то не получается никак правильно это сделать(((

Прописываю в шаблоне ноды приблизительно следующее

<?php if (!$teaser): 

drupal_add_js(drupal_get_path('theme''mytheme_main') . '/js/jquery-1.3.2.min.js'); 
drupal_add_js(drupal_get_path('theme''mytheme_main') . '/js/jquery.easing.1.3.js'); 
drupal_add_js(drupal_get_path('theme''mytheme_main') . '/js/jquery-galleryview-1.1/jquery.galleryview-1.1.js'); 
drupal_add_js(drupal_get_path('theme''mytheme_main') . 'js/jquery-galleryview-1.1/jquery.timers-1.1.2.js');

?>

<script type="text/javascript">
    $(document).ready(function(){
        $('#photos').galleryView({
            panel_width: 700,
            panel_height: 300,
            frame_width: 100,
            frame_height: 100,
            transition_interval: 0 
        });
    });
</script>

<h1>Галерея</h1>
<p>Галерея</p>
<div id="photos" class="galleryview">
  <div class="panel">
     <img src="img/01.jpg" /> 
    <div class="panel-overlay">
      <h2>Кухня супер</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="img/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="img/03.jpg" align = "absmiddle"/> 
    <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="img/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="img/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 class="panel">
     <img src="img/05.jpg" /> 
    <div class="panel-overlay">
      <h2>Sunrise Trees</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/a_glitch" target="_blank">a_glitch</a>.  View full-size photo <a href="http://www.sxc.hu/photo/289581" target="_blank">here</a>.</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/07.jpg" /> 
    <div class="panel-overlay">
      <h2>Waterfall</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/thesaint" target="_blank">thesaint</a>.  View full-size photo <a href="http://www.sxc.hu/photo/174331" target="_blank">here</a>.</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/08.jpg" /> 
    <div class="panel-overlay">
      <h2>Death Valley</h2>
      <p>Photo by <a href="http://www.sxc.hu/profile/djkmart" target="_blank">djkmart</a>.  View full-size photo <a href="http://www.sxc.hu/photo/270109" target="_blank">here</a>.</p>
    </div>
  </div>
  <ul class="filmstrip">
    <li><img src="img/frame-01.jpg" alt="Effet du soleil" title="Effet du soleil" /></li>
    <li><img src="img/frame-02.jpg" alt="Eden" title="Eden" /></li>
    <li><img src="img/frame-03.jpg" alt="Snail on the Corn" title="Snail on the Corn" /></li>
    <li><img src="img/frame-04.jpg" alt="Flowers" title="Flowers" /></li>
    <li><img src="img/frame-06.jpg" alt="Alone Beach" title="Alone Beach" /></li>
    <li><img src="img/frame-05.jpg" alt="Sunrise Trees" title="Sunrise Trees" /></li>
    <li><img src="img/frame-07.jpg" alt="Waterfall" title="Waterfall" /></li>
    <li><img src="img/frame-08.jpg" alt="Death Valley" title="Death Valley" /></li>
  </ul>
</div>?>

Но div id="photos" class="galleryview" по какой-то причине назначается невидимым и в итоге ничего не работает. Хотя в примере http://ruseller.com/lessons.php?rub=32&id=123 этот слой видимый и все отрабатывает нормально. Не могу понять в чем дело(((

0 Thanks

Комментарии