Что-то не получается никак правильно это сделать(((
Прописываю в шаблоне ноды приблизительно следующее
<?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 этот слой видимый и все отрабатывает нормально. Не могу понять в чем дело(((
Комментарии
Up!
Up!