Multiple galleries + accordion intergation

[GoogleCodeExporter]

Hi Trent,
First of all many thanks for amazing plug-in!

I'm just trying to understand what I should change in your plugin or in one
of accordion plugins to support thumbs folding in accordion tab. Is there
any way to share one #gallery container between many list of thumbs?

Original issue reported on code.google.com by alexandrov.dmitry on 18 Aug 2009 at 7:27

[GoogleCodeExporter]

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

• Added labels: Priority-Low, Type-Other
• Removed labels: Priority-Medium, Type-Defect

[GoogleCodeExporter]

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

[GoogleCodeExporter]

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

[GoogleCodeExporter]

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

[GoogleCodeExporter]

This is the best ever. Great job man.
makville

Original comment by makvi...@gmail.com on 14 Jan 2011 at 7:29

[GoogleCodeExporter]

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

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

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