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=""> </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