[[Gallery? &toPlaceholder=`gallery` &album=`Album2` &plugin=`galleriffic` &numThumbs=`10` ]] [[getImageList? &tvname=`gallery` &tpl=`gallerifficTpl` &toPlaceholder=`thumbnails` ]] [[[[+thumbnails:notempty=`$galleriffic`]]]]
<li> <a class="thumb" name="[[+title]]" href="[[+image]]" title="[[+title]]"> <img src="[[+image:phpthumbof=`w=150`]]" alt="[[+title]]" /> </a> <div class="caption"> <div class="download"> <a href="[[+image]]">[[%gallery.download_original? &namespace=`gallery` &topic=`galleriffic`]]</a> </div> <div class="image-title">[[+title]]</div> <div class="image-desc"> [[+description]] [[+tags:notempty=`<br /><em>[[%gallery.tags]]:</em> [[+tags]]`]] </div> </div> </li>
<div class="galleriffic"> <div id="gal-gaff-gallery" class="gal_main"> <div id="gal-gaff-controls" class="controls"></div> <div class="slideshow-container"> <div id="gal-gaff-loading" class="loader"></div> <div id="gal-gaff-slideshow" class="slideshow"></div> </div> <div id="gal-gaff-caption" class="caption-container"></div> </div> <div id="gal-gaff-thumbs" class="navigation"> <ul class="thumbs noscript"> [[+thumbnails]] </ul> </div> <div style="clear: both;"></div> </div>
This question has been answered by distant_smile. See the first response.
<div id="gal-gaff-thumbs" class="navigation" style="width: 300px; float: left; opacity: 1;"><div class="top pagination">
#gal-gaff-thumbs{ border: 1px solid #000000; float:left; width:640px; }