views:

18

answers:

0

Hey guys, I need help with GallerificPlus integration in drupal. Here is the code:

<script type="text/javascript" src="misc/gallerificPlus.js"></script>
<link rel="stylesheet" href="misc/galleriffic.css" type="text/css" />

<div id="galleriffic-container">
<div class="slider-content">
<div class="slideshow-container">
<div id="controls" class="controls"></div>
<div id="slideshow" class="slideshow"><span class="image-wrapper current"><a class="advance-link" href="#" title="">&nbsp;</a></span></div>
</div>

<div class="navigation-container">
<div id="thumbs" class="navigation">
<div class="thumb_block">
<ul class="thumbs noscript">
<?php
$result= db_query ("select somestaffhere from somewhere);
 while ($img = db_fetch_object($result)) {
     echo '<li><a class="thumb" href="/'.$img->originalpath.'"><img src="/'.$img->thumbpath.'" title="'.$img->title.'"/></a>
<div class="caption">
<div class="image-desc"><p>'.$img->body.'</p></div></div></li>';
} 
?>
</ul></div>
</div>

<div id="caption" class="caption-container">    
</div>
</div>
</div>
<div style="clear: both;"></div>
</div>
<script type="text/javascript">   
$(document).ready(function() {
 var gallery = $('#slider-content').galleriffic('#thumbs', {
  delay:                2000,
  numThumbs:            12,
  imageContainerSel:    '#slideshow',
  controlsContainerSel: '#controls',
  descContainerSel:     '#image-desc',
  fixedNavigation:    true,
  galleryKeyboardNav:    true,
  autoPlay:      false
 });

 gallery.onFadeOut = function() {
  $('#details').fadeOut('fast');
 };

 gallery.onFadeIn = function() {
  $('#details').fadeIn('fast');
 };
});
</script>

But image description doesn't appear and lightbox doesn't work - just showing #jquery-overlay and #jquery-lightbox like blank white block.

Hope to your help