Open GoogleCodeExporter opened 9 years ago
I just did something very similar for a client. Unfortunately, due to the
nature of the
contract, I am unable to share the exact code on how I implemented this, but
essentially this is what I ended up doing:
Used revision 11 of galleriffic from SVN
Created multiple "thumbnail containers" for each set of images, all using the
same
"navigation" css class but having different IDs
Created just a single set of containers for the rest of the gallery (controls,
slideshow,
caption, etc)
Customized the pageload(hash) method that is called by the history plugin as
such:
Determine which set of thumbs is being invoked using some jQuery trickery like
such: var thumbContainerId = $('div.navigation
a.thumb').eq(+hash).parents('div.navigation').attr('id');
Hide all "thumbnail containers" except the one in context (determined by the
previous step)
Call $.galleriffic.goto(hash);
Initalized each of the galleries within "document ready" like such:
var galleryOptions = { /* same options for each gallery, so declaring just once
*/ };
$('#thumbs-1').galleriffic('#thumbs-1', galleryOptions);
$('#thumbs-2').galleriffic('#thumbs-2', galleryOptions);
$('#thumbs-3').galleriffic('#thumbs-3', galleryOptions);
Hope that helps.
Original comment by trentfoley
on 18 Aug 2009 at 7:52
Hi Trent,
Many thanks for so detailed answer for my question. BTW, I have small one :-)
> Customized the pageload(hash) method that is called by the history plugin
Do you mean historyCallback() should call my custom pageload(hash)? Please let
me
know if my understanding is correct.
Thanks a lot,
Dmitry
Original comment by alexandrov.dmitry
on 19 Aug 2009 at 7:45
Hi Trent,
This plugin is a real beauty, thanks!
I've also been trying to implement multiple galleries and have followed your
instructions above, and while I am very close at getting this to work, I am
nevertheless coming up against some problems. Your suggested method above works
as
far as getting the navigation buttons to keep the selected slides within the
bounds
of their respective gallery indices, and I am able to hide those slides that
aren't
part of the currently active gallery, however, I can't seem to get the
galleries to
bring up the pagination control. Have you encountered this, am I missing a call
to
refresh the page navigator?
Thanks,
Michael
Original comment by montoyl...@gmail.com
on 4 Oct 2009 at 8:34
Love your gallery. I’m a designer(not developer) trying to rebuild my site
with an
accordian and your galleriffic. Got it working with one gallery, but can't
figure out
how to get multiple thumbnail galleries that work with the same slideshow
container.
I looked at your comments on-line, and on the googlecode blog, but don’t know
how to
troubleshoot. Not familiar enough with js to know how to use this:
Customized the pageload(hash) method that is called by the history plugin as
such:
Determine which set of thumbs is being invoked using some jQuery trickery like
such: var thumbContainerId = $('div.navigation
a.thumb').eq(+hash).parents('div.navigation').attr('id');
Hide all "thumbnail containers" except the one in context (determined by the
previous step)
Call $.galleriffic.goto(hash);
The main page shows the page working before I modify script to add multiple
galleries. Click on the recentWorks link and the multiple gallery page
shows. I changed to the js script on rev 11, and added the page load function
at the
bottom, but when I altered the js, the home page stopped working as well.
Thanks so much
url is
http://www.newmandesigns.com/NewmanDesignsSite/
(thumbnails showing intent are under recognition posters link)
Original comment by v2kuman@gmail.com
on 25 May 2010 at 10:53
This is the best ever. Great job man.
makville
Original comment by makvi...@gmail.com
on 14 Jan 2011 at 7:29
Hi Trent, this solution doesn't seem to work with Galleriffic 2. I'm trying to
get multiple thumbnail divs to work with a single slideshow div. Similar to
what v2kuman did here:
http://www.newmandesigns.com/NewmanDesignsSite/index.htm, except I'm using tabs
instead of sliders.
I have it working with multiple self contained instances of unique thumbnail
and slideshow pairs, but when I try to point the thumbnail divs to a single
slideshow section, I get several current images where there should be only one.
Original comment by kmusa...@gmail.com
on 4 Mar 2011 at 1:33
[deleted comment]
I am trying to do the same thing : multiple gallery with the awesome
Galleriffic plugin but I don't get my way around the explanation above. How
should I do this :
Customized the pageload(hash) method that is called by the history plugin as such:
Determine which set of thumbs is being invoked using some jQuery trickery like
such: var thumbContainerId = $('div.navigation
a.thumb').eq(+hash).parents('div.navigation').attr('id');
Hide all "thumbnail containers" except the one in context (determined by the
previous step)
Call $.galleriffic.goto(hash);
here is my gallery : http://20000km.com/gallerrydesigner.php
If you found a solution, could you please share it, thanks!
Original comment by testerle...@gmail.com
on 1 Nov 2013 at 5:49
Original issue reported on code.google.com by
alexandrov.dmitry
on 18 Aug 2009 at 7:27