PDA

View Full Version : Slideshow for each Gallery Category


whitakerimagery
Mar-04-2010, 09:10 AM
Hi Everyone!

Is there a way to add a slideshow to each gallery category page? For example on my "Seniors Page" (http://www.whitakerimagery.smugmug.com/seniors) I would like to play a slideshow of my seniors as a portfolio with the client's password protected galleries below the slideshow. I have already created an unlisted gallery (album id: 11415226) with the images I would like included in the slide show.

Thanks in advance for any help!

~deb
http://whitakerimagery.smugmug.com

Allen
Mar-04-2010, 09:47 AM
Hi Everyone!

Is there a way to add a slideshow to each gallery category page? For example on my "Seniors Page" (http://www.whitakerimagery.smugmug.com/seniors) I would like to play a slideshow of my seniors as a portfolio with the client's password protected galleries below the slideshow. I have already created an unlisted gallery (album id: 11415226) with the images I would like included in the slide show.

Thanks in advance for any help!

~deb
http://whitakerimagery.smugmug.com
Thinking out of the box, maybe adding a div in your header using IF
statements for each category page show script. Use CSS to hide div
on all but cat pages.

whitakerimagery
Mar-04-2010, 10:44 AM
Thinking out of the box, maybe adding a div in your header using IF
statements for each category page show script. Use CSS to hide div
on all but cat pages.

Thanks for the suggestion. Any example of the coding and where to put it exactly....I understand and can code a little, but for the most part it still sends my head spinning a bit :scratch

Allen
Mar-04-2010, 11:13 AM
Thanks for the suggestion. Any example of the coding and where to put it exactly....I understand and can code a little, but for the most part it still sends my head spinning a bit :scratch Thinking in very general logic terms not knowing much about this.
Need an expert to chime in and help if this is at all possible.
Do not use the code below, just a logical view.


<div id="catShows">
<script>
IF (check if page is a category page only (script only fires on cat page)
or maybe only for certain cat pages)

var ssConfig = {
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'true',
showButtons: 'true',
crossFadeSpeed: '350'
};

IF (check if cat name is A)
var ssConfig = {AlbumID: 'XXXXXX'}
end IF
IF (check if cat name is B)
var ssConfig = {AlbumID: 'XXXXXX'}
end IF

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');

end IF
</script>
</div>


CSS
#catShows {display: none;}
.category.category #catShows {display: block;}

whitakerimagery
Mar-04-2010, 03:58 PM
Thinking in very general logic terms not knowing much about this.
Need an expert to chime in and help if this is at all possible.
Do not use the code below, just a logical view.


<div id="catShows">
<script>
IF (check if page is a category page only (script only fires on cat page)
or maybe only for certain cat pages)

var ssConfig = {
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'true',
showButtons: 'true',
crossFadeSpeed: '350'
};

IF (check if cat name is A)
var ssConfig = {AlbumID: 'XXXXXX'}
end IF
IF (check if cat name is B)
var ssConfig = {AlbumID: 'XXXXXX'}
end IF

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');

end IF
</script>
</div>


CSS
#catShows {display: none;}
.category.category #catShows {display: block;}


thanks Allen, I will try it out and let ya know what happens ....or doesn't happen:)

Enitsugua
Mar-28-2010, 11:57 AM
thanks Allen, I will try it out and let ya know what happens ....or doesn't happen:)

Any progress on this? I found this http://www.dgrin.com/showpost.php?p=669938&postcount=560, but haven't tried it yet.

Enitsugua
Mar-30-2010, 09:36 AM
Bump