PDA

View Full Version : slideshow deom category - newbie


cafulford
May-12-2009, 02:22 PM
Hi, I am trying to figure something out and I am hoping someone can point me in the right direction:

I have 5 gallery categories and under each one of them is an existing gallery that I want to move to another menu item.

So after they are moved, I would like them, when clicked on, to be a slideshow and not a gallery.

The final result I want to have a menu, called Portfolio, and under the menu I want 5 pictures that represent the 5 galleries that were moved and when each one is clicked, instead of a gallery, I get a slideshow.

I hope I am explaining this clearly enough. :scratch

Any help will be really appreciated. The more specific the better as I am still trying to learn this system.

Allen
May-13-2009, 03:39 PM
Hi, I am trying to figure something out and I am hoping someone can point me in the right direction:

I have 5 gallery categories and under each one of them is an existing gallery that I want to move to another menu item.

So after they are moved, I would like them, when clicked on, to be a slideshow and not a gallery.

The final result I want to have a menu, called Portfolio, and under the menu I want 5 pictures that represent the 5 galleries that were moved and when each one is clicked, instead of a gallery, I get a slideshow.

I hope I am explaining this clearly enough. :scratch

Any help will be really appreciated. The more specific the better as I am still trying to learn this system.
Sounds all doable but we'd need a link to your site to interrupt what your wanting.

cafulford
May-13-2009, 03:57 PM
Hi and thanks so much for replying. I have kind of messed up the site while trying to accomplish this. I am kind of pulling my hair out.

The site is: lynnfisherphotography.com

I was able to create a new menu item called "Portfolio" by using the existing category named "Portfolio", and move the galleries I eventually want to be slideshows to "Portfolio". Somehow in the process, I duplicated "Portfolio" under the "Client Galleries". So at this point I think I am trying to figure out:

1) How to remove the duplicate "Portfolio" gallery that is under the "Client Galleries" menu item without losing them under the "Portfolio" menu item.
2) How to make the galleries that now exist under the "Portfolio" menu item into slideshows when the user clicks them meaning I want to keep the heading and not start the slideshows until the user/visitor clicks them.

Thanks so much for helping...

cafulford
May-13-2009, 04:10 PM
The other thing I am just not getting is why, when I create a new category, how do you assign an entire gallery to that category you just created. The category is in the dropdown but when only the pre-assigned categories are in the dropdown and not the new custom category.:scratch :scratch

I am completely lost...

Allen
May-13-2009, 04:23 PM
...
The Client Galleries link is showing your galleries page which will show all categories with public galleries.

Add this to your bottom javascript to hide the Portfolio category.

// Hide Categories
function delCategory() {
re = /\/(Portfolio)$/;

var oList = YD.getElementsByClassName('miniBox', 'div', this);

for (i = 0; i < oList.length; i++) {
if (re.test(oList[i].getElementsByTagName('a')[0].href))
oList[i].parentNode.removeChild(oList[i]);
}
}
YE.onContentReady('categoriesBox', delCategory);
// End Hide Categories

Allen
May-13-2009, 04:33 PM
... Now that the Portfolio category is hidden we'll create a special html type
page for your portfolio gallery slideshows using similar code that's on this page. (http://allen-steve.smugmug.com/gallery/3539056)

It will look like your portfolio category page but each thumb link will open
the gallery in full screen slideshow. The slideshow links that will be used
can be found under the share button in each gallery.

Example for your Weddings gallery this link is found under share button.
http://www.lynnfisherphotography.com/photos/swfpopup.mg?AlbumID=5094383&AlbumKey=nRMYo

Create a new gallery in the portfolio category to use for the code and
holler back when done. Your navbar will link to this new gallery. We'll
then work on creating the html for it.

cafulford
May-13-2009, 04:48 PM
Thanks so much Al! I added the code and indeed it got rid of the portfolio gallery under the all galleries menu item.

Before I do the slideshows, I was wondering if there was a way to make the slideshows that are created look exactly like the one that is off the "Home" menu item. Basically a large/centered slideshow or, if I can not, can the images be large on the link you provided?

Thanks again...

cafulford
May-13-2009, 04:54 PM
Al, I have to tell you, your photo's are really nice!

cafulford
May-13-2009, 04:57 PM
Hi Al,

How do you see the link to the slideshows?

"Example for your Weddings gallery this link is found under share button.
http://www.lynnfisherphotography.com...AlbumKey=nRMYo"


I see the button but I can not right click to get the link or hover over it to show the link in the footer of Firefox and when I run the slideshow, it is full screen so there is no url...

Allen
May-13-2009, 05:04 PM
Thanks so much Al! I added the code and indeed it got rid of the portfolio gallery under the all galleries menu item.

Before I do the slideshows, I was wondering if there was a way to make the slideshows that are created look exactly like the one that is off the "Home" menu item. Basically a large/centered slideshow or, if I can not, can the images be large on the link you provided?

Thanks again...
You could add a show just like the homepage biobox to each gallery description. But all the photos would probable have to be hidden below to look good. Let's try one. Add this to your Weddings gallery description box.

<html>
<script>
var ssConfig = {
AlbumID: '5094383',
newWindow: 'false',
transparent: 'true',
showLogo: 'false',
borderThickness: '10',
borderColor: 'FFFFFF',
randomStart:'true',
clickToImage: 'true',
showThumbs: 'false',
showButtons: 'false',
crossFadeSpeed: '350'
};

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>
</html>

If this is not acceptable we can add that page mentioned above showing
the four/five gallery thumbs and each will link to a new gallery for just a
show. Clicking a slide will then take them to the actual gallery with all
the photos. Makin' any sense?

Allen
May-13-2009, 05:06 PM
Hi Al,

How do you see the link to the slideshows?

"Example for your Weddings gallery this link is found under share button.
http://www.lynnfisherphotography.com...AlbumKey=nRMYo"


I see the button but I can not right click to get the link or hover over it to show the link in the footer of Firefox and when I run the slideshow, it is full screen so there is no url...
Left click the share button right next to the slideshow button.

cafulford
May-13-2009, 06:14 PM
hmmm, I am not sure. I think it look s a little disjointed with the images gallery below the slideshow. The slideshow is exactly what I was thinking other than I think it would look nicer if it were centered.

What do you think?

I am not really sure what you meant by:

"If this is not acceptable we can add that page mentioned above showing
the four/five gallery thumbs and each will link to a new gallery for just a
show. Clicking a slide will then take them to the actual gallery with all
the photos. Makin' any sense?"

Thanks again...

Allen
May-13-2009, 06:32 PM
hmmm, I am not sure. I think it look s a little disjointed with the images gallery below the slideshow. The slideshow is exactly what I was thinking other than I think it would look nicer if it were centered.

What do you think?

I am not really sure what you meant by:

"If this is not acceptable we can add that page mentioned above showing
the four/five gallery thumbs and each will link to a new gallery for just a
show. Clicking a slide will then take them to the actual gallery with all
the photos. Makin' any sense?"

Thanks again...
Your right, doesn't look good with the photos below.

Here's what I vision.
Click Portfolio nav button and opens page with the Portfolio thumbs. (can
actually use any sizer photo) - This is that landing page mentioned a few
posts ago.

Click on a thumb/photo and opens a page just like your homepage with
slideshow. Click on slide and it opens the gallery with all the photos.

You will need to create four new galleries in the Portfolio category.
1. landing page linked from navbar with thumbs for each gallery. Add this to the
gallery/album description. The links will have to be changed once you
create the 3 galleries. ( there is some CSS that we'll add later to format it)

<html>
<h3><center>My Portfolio Gallery Shows</center></h3>

<table align="center" width="700">
<tbody>

<tr>
<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/random.mg?AlbumID=5094383&AlbumKey=nRMYo&Size=Th" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/random.mg?AlbumID=5098973&AlbumKey=PDAt8&Size=Th" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/random.mg?AlbumID=5095312&AlbumKey=P5kC9&Size=Th" border="2" height="150" width="150"></a>
</td>

<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/random.mg?AlbumID=7794878&AlbumKey=yeTPa&Size=Th" border="2" height="150" width="150"></a>
</td>
</tr>

<tr align="center" height="50" valign="top">
<td><a href="/gallery/xxxxxxxx_xxxxx">Weddings</a></td>
<td><a href="/gallery/xxxxxxxx_xxxxx">Portraits</a></td>
<td><a href="/gallery/xxxxxxxx_xxxxx">Sports</a></td>
<td><a href="/gallery/xxxxxxxx_xxxxx">Art and Fun</a></td>
</tr>

</tbody>
</table>
</html>
2. three galleries, one for each.
Create one and add this to the album/description. It for the Weddings show.

<html>
<script>
var ssConfig = {
AlbumID: '5094383',
newWindow: 'false',
transparent: 'true',
showLogo: 'false',
borderThickness: '10',
borderColor: 'FFFFFF',
randomStart:'true',
clickToImage: 'true',
showThumbs: 'false',
showButtons: 'false',
crossFadeSpeed: '350'
};

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>
</html>
The others will be similar.

cafulford
May-13-2009, 07:04 PM
Thanks Al and I agree with your suggestions. I am pretty wiped out tonight so heading to bed. Will pick up tomorrow. I am on the east coast so a little after 11 here.

Thanks again...

cafulford
May-14-2009, 03:09 PM
Hi Al,

I am back at it but I have to say I am a little lost. I created 4 new galleries under the Portfolio menu heading but I am not clear as to what you mean by:

1. landing page linked from navbar with thumbs for each gallery. Add this to the
gallery/album description. The links will have to be changed once you
create the 3 galleries. ( there is some CSS that we'll add later to format it)

Am I going to use the existing "Portfolio" off the menu or am I creating a new category to be off the menu with these 4 new galleries? Do I put the html code in each of the 4 new galleries description?

Sorry that I am so thickheaded. I think this will be really nice when I am done.

cafulford
May-14-2009, 06:28 PM
Hi Al,

I tried everything and nothing worked. I also went to the link you gave me:

http://allen-steve.smugmug.com/gallery/3539056#nopick

I see what it will look like but I am missing how to get the main menu to show the custom html page. I am also not seeing how to assign the pictures or the gallery to the thumbnail.

I changed the 4 current categories under "Portfolio" to slideshows bit it is no where near as nice as what you are trying to have me do.

Any additional help would be much appreciated.

Thanks...