Hi,
thought I d let you know how to apply Smoothgallery External caroussel hack I found on JonDesign forum. The hack lets you seperate the Info panel and the caroussel from the main window.
If you want to seperate the caroussel or see what this thread is about, check here:
http://bigearthweb.com/test/JDgalleryMod/demoMod.php.
Or here
http://smoothgallery.jondesign.net/forums/viewtopic.php?id=229.
For the carrousel, check here:
http://smoothgallery.jondesign.net/forums/viewtopic.php?id=203
Here s how to seperate the infopanel and the caroussel,
this with MaxiGallery 0.6 only.
First you need to fix the info panel bug, cause it will only show once on page load if used with the external caroussel.
It is fixed by changing the following line (306 or 307) in jd.gallery.js (content is attached to this message) from:
if (this.options.showCarousel)
to:
if (this.options.showCarousel && !this.options.useExternalCarousel)
Next in the same file around line 526 change
this.slideInfoZone = new Fx.Styles(new Element('div').addClass('slideInfoZone').injectInside($(this.galleryElement))).set({'opacity':0});
to
this.slideInfoZone = new Fx.Styles(new Element('div').addClass('mySlideInfoZone').injectInside($('myInfoContainer'))).set({'opacity':0});
I attached the modified jd gallery.css and commented what the changes were I made.
Last you should create a chunk or insert directly in your template the following. This is containing the info zone
<div class="info">
<div id="myInfoContainer" class="jdGallery"></div>
</div>
Finally the call I used for this page:
[!MaxiGallery? &display=`embedded` &embedtype=`smoothgallery` &smoothgallery_carouselElement=`carousel` &smoothgallery_useExternalCarousel=`true` &smoothgallery_width=`623` &smoothgallery_showArrows=`false`&smoothgallery_thumbHeight=`120` &smoothgallery_thumbWidth=`140`&max_thumb_size=`140x120` &smoothgallery_thumbSpacing=`2` &customFields=`price,size` &smoothgallery_preloader=`true` &debug=`0`!]
Note that the &smoothgallery_carouselElement=`carousel` should be represented by a div id in your own style sheet.
Also, the jd.gallery slide element div in the jdgallery.css needs a background color
Fr
☆ A M B ☆
