SlideShowPro Account Center: User Forums / Display Gallery

jeffreyallred · 2012-01-04 05:24:04

Maybe I've been up too long working on this - and I am no flash guru by any means. How can I initially display a 2x2 gallery, and then once an album is selected, have it display as it does currently located here: http://www.jeffreyallred.com/weddings/ I have tried layering things but was unsuccessful. This has to be somewhat of an easy fix, doesn't it?

I basically want to eliminate the drop down menu to the individual galleries and use the gallery view instead.

matuvu · 2012-02-09 15:57:09

i think the layered solution is a good one.
basically you would have 2 layers.
top layer containes your thumbgrid 2.0 (my_tg) settings put on gallery,
basic layer is your existing ssp (my_ssp) as it is now.

your code would be something like:

Code:

import net.slideshowpro.slideshowpro.*;

function onSlideShowData(event:SSPDataEvent) {
if (event.type=="imageData") {
my_tg.visible = false;
my_tg.mouseEnabled = false;
my_tg.mouseChildren = false;
my_ssp.toggleDisplayMode("Auto");
}
}
my_ssp.addEventListener(SSPDataEvent.IMAGE_DATA, onSlideShowData);

function onGalleryStateEvent(event:SSPGalleryStateEvent) {
if (event.type=="galleryToggled") {
my_tg.visible = true;
my_tg.mouseEnabled = true;
my_tg.mouseChildren = true;

}
}
my_ssp.addEventListener(SSPGalleryStateEvent.GALLERY_TOGGLED, onGalleryStateEvent);

Don't forget to name the instance of your thumbgrid to my_tg
And add my_ssp in your thumbgrid settings

jeffreyallred · 2012-02-09 22:15:11

I will give this a shot. Thank you for the help. I hope this works!

jeffreyallred · 2012-02-10 02:50:13

Okay, so it's close... when it loads, it automatically goes into the wedding gallery rather than showing all galleries. And for some reason when I click on a thumbnail, it displays the one to the right of the one I select.

Any additional help you are able to provide would be greatly appreciated... so close

matuvu · 2012-02-14 13:59:29

this part is apparently causing the thumbnail thingy:

Code:

function onGalleryStateEvent(event:SSPGalleryStateEvent) {
if (event.type=="galleryToggled") {
my_tg.visible = true;
my_tg.mouseEnabled = true;
my_tg.mouseChildren = true;

}
}
my_ssp.addEventListener(SSPGalleryStateEvent.GALLERY_TOGGLED, onGalleryStateEvent);

so that needs to be different.

for the gallery view, you need to put your ssp on 'open gallery'

matuvu · 2012-02-14 14:25:10

sorry the top code is right!
but you need to remove these 2 lines:
my_ssp.toggleDisplayMode("Auto");
and
my_ssp.toggleDisplayMode("Manual");
to make sure the right thumbnail is selected.

I had trouble with the autoplay function (it made thumbgrid do weird stuff jumping back to an album) so i disabled it and set it to manual.

hope this helps

jeffreyallred · 2012-02-15 05:30:18

It just keeps opening the wedding gallery.

jameskessell · 2012-08-23 11:21:36

I am using the thumbgrid component on a layer above the ssp player component. The TG component is set to show Gallery at startup and Request Album (rather than display album). I have this code (below) to hide the TG layer when a gallery is clicked. It works fine, however, I want to make the TG layer visible again when the user clicks the ssp image - the tooltip reads 'Return to Thumbnails'.

I think I'm missing something quite straightforward - would be grateful for your help. Thanks.

import net.slideshowpro.slideshowpro.*;

my_ssp.toolLabels=["Open Gallery","Previous Group","Previous","Next","Next Group","Pause","Play","Full Screen","Normal Screen","Return to Thumbnails"];

function onSlideShowData(event:SSPDataEvent) {
if (event.type=="imageData") {
my_tg.visible = false;
my_tg.mouseEnabled = false;
my_tg.mouseChildren = false;
}
}
my_ssp.addEventListener(SSPDataEvent.IMAGE_DATA, onSlideShowData);

function onGalleryStateEvent(event:SSPGalleryStateEvent) {
if (event.type=="galleryToggled") {
my_tg.visible = true;
my_tg.mouseEnabled = true;
my_tg.mouseChildren = true;

}
}
my_ssp.addEventListener(SSPGalleryStateEvent.GALLERY_TOGGLED, onGalleryStateEvent);

Last edited by jameskessell (2012-08-23 11:25:00)

jameskessell · 2012-08-23 11:35:29

Duh - just realised how simple the answer is. Just add another function and event listener like so...

import net.slideshowpro.slideshowpro.*;

my_ssp.toolLabels=["Open Gallery","Previous Group","Previous","Next","Next Group","Pause","Play","Full Screen","Normal Screen","Return to Thumbnails"];

function onSlideShowData(event:SSPDataEvent) {
if (event.type=="imageData") {
my_tg.visible = false;
my_tg.mouseEnabled = false;
}
}
my_ssp.addEventListener(SSPDataEvent.IMAGE_DATA, onSlideShowData);

function onGalleryStateEvent(event:SSPGalleryStateEvent) {
if (event.type=="galleryToggled") {
my_tg.visible = true;
my_tg.mouseEnabled = true;
}
}
my_ssp.addEventListener(SSPGalleryStateEvent.GALLERY_TOGGLED, onGalleryStateEvent);

function onImageClick(event:SSPImageEvent) {
if(event.zone=="action") {
my_tg.visible = true;
my_tg.mouseEnabled = true;
}
}
my_ssp.addEventListener(SSPImageEvent.IMAGE_CLICK, onImageClick);

#1 2012-01-04 05:24:04

Display Gallery - Then individual albums with thumbgrid

#2 2012-02-09 15:57:09

Re: Display Gallery - Then individual albums with thumbgrid

Code:

#3 2012-02-09 22:15:11

Re: Display Gallery - Then individual albums with thumbgrid

#4 2012-02-10 02:50:13

Re: Display Gallery - Then individual albums with thumbgrid

#5 2012-02-14 13:59:29

Re: Display Gallery - Then individual albums with thumbgrid

Code:

#6 2012-02-14 14:25:10

Re: Display Gallery - Then individual albums with thumbgrid

#7 2012-02-15 05:30:18

Re: Display Gallery - Then individual albums with thumbgrid

#8 2012-08-23 11:21:36

Re: Display Gallery - Then individual albums with thumbgrid

#9 2012-08-23 11:35:29

Re: Display Gallery - Then individual albums with thumbgrid

Board footer