Has anyone yet tried to combine the tab/slideshow functionality with the overlay/ gallery plugin ?
tab/slideshow functionality also for overlay/gallery plugin ? Created Feb 14, 2010
This thread is solved
Views: 4133 Replies: 13 Last reply Jan 22, 2011
You must login first before you can use this feature
Reply to:
tab/slideshow functionality also for overlay/gallery plugin ?, from
and_jo
I have been trying to do so, but haven't been able to reconcile the differences in structure between what the tabs call for in terms of loaded content versus how loaded elements are called in the overlay/gallery context.
If there were a way to call the tabs/slideshow plugins from inside a gallery of items, that'd be rad. I would love to have a play/pause trigger in there and be able to recycle the gallery's next/prev buttons using the tabs plugin, but it all just breaks everytime I've tried.
Anyone else?
If there were a way to call the tabs/slideshow plugins from inside a gallery of items, that'd be rad. I would love to have a play/pause trigger in there and be able to recycle the gallery's next/prev buttons using the tabs plugin, but it all just breaks everytime I've tried.
Anyone else?
Reply to:
tab/slideshow functionality also for overlay/gallery plugin ?, from
and_jo
I am also looking to do a slideshow using overlay. Anybody have success yet?
Seen this. Anyone try and succeed?
No more Overlay Gallery plugin
The previous jQuery Tools version had an Overlay Gallery plugin for
making a "lightbox" type of slideshow. It didn't fit with the rest
of the library mainly because of its hard-coded logic. So it was
dropped! Something similar can be achieved with the the Slideshow
plugin and placing it on Overlay.
It's pretty simple...
You just have to remove one line in the tabs.js:
var overlay = jQuery("#ProductImageOverlay").overlay({...});
var clickcounter = 0;
jQuery("#ProductImageSlideTabs").tabs("#ProductImageSlides > div", {
fadeOutSpeed: "slow",
rotate: true,
onClick: function(event, index) {
if (clickcounter > 0) {
overlay.eq(0).overlay().load();
}
clickcounter++;
}
}).slideshow({...});
You just have to remove one line in the tabs.js:
if (i === current) { return self; }
or (if you have multiple usages) replace this line with:if (i === current && conf.enableCurrentTab === false) { return self;}
and add the param "conf.enableCurrentTab: false" as default in the tabs.js.
Reply to:
[Solution] Overlay Slideshow Tab, from
brokemeister
I'm also making a slideshow, with different-sized images in an overlay. The solution provided by brokemeister worked for me, with the exception that I needed to change onClick to onBeforeClick. Otherwise the first initialization of the overlay would show all of the images until I did a next() or previous() call.
I also didn't need to modify the jQuery Tools library (v1.2.5) for this to work.
I also didn't need to modify the jQuery Tools library (v1.2.5) for this to work.
