Gallery in a gallery? [Sitemap] - Digital Grin Photography Forum

jcdill

Oct-05-2005, 11:06 AM

I do event photography. I need to have a single gallery for each event that I can feature on my homepage, and then in that gallery I need links to sub-galleries, so that people can more easily find their photos from the event. On Sunday I took over 1000 photos, and culled to ~650 that I'm uploading now. I created sub-galleries for this event, see the galleries labeled SFHA at GGP, SF on my site at:

http://equinephotoart.smugmug.com/

Now I need a way to create "gallery" links to each gallery from the main event gallery:

http://equinephotoart.smugmug.com/gallery/850830

Can this be done with html or CSS? What is the best process to do this on this one page only?

I previously tried to use thumbnails in the "shortcut" links in the description for this gallery:

<http://equinephotoart.smugmug.com/gallery/817743>

but the thumbnails wouldn't display and I removed the code. Reading another recent thread here I learned that if I enclose code in <html></html> that it works differently. Does this apply to the description and caption entries?

Thanks,

jc

p.s. is there any way to turn OFF the stupid smileys that are anoying me as I type this message? Is there a setting on this forum that acts as "don't show me any smileys, ever"?

Mike Lane

Oct-05-2005, 11:27 AM

I do event photography. I need to have a single gallery for each event that I can feature on my homepage, and then in that gallery I need links to sub-galleries, so that people can more easily find their photos from the event. On Sunday I took over 1000 photos, and culled to ~650 that I'm uploading now. I created sub-galleries for this event, see the galleries labeled SFHA at GGP, SF on my site at:

http://equinephotoart.smugmug.com/

Now I need a way to create "gallery" links to each gallery from the main event gallery:

http://equinephotoart.smugmug.com/gallery/850830

Can this be done with html or CSS? What is the best process to do this on this one page only?

I previously tried to use thumbnails in the "shortcut" links in the description for this gallery:

<http://equinephotoart.smugmug.com/gallery/817743>

but the thumbnails wouldn't display and I removed the code. Reading another recent thread here I learned that if I enclose code in <html></html> that it works differently. Does this apply to the description and caption entries?

Thanks,

jc

p.s. is there any way to turn OFF the stupid smileys that are anoying me as I type this message? Is there a setting on this forum that acts as "don't show me any smileys, ever"?
Check out gallery.luckycritters.com or www.deanmalaxos.com to get an idea of how you can set up your categories, sub-categories, and galleries. You could set it up so that you show categories on your home page (rather than galleries). Those categories may be the individual event, the sub-categories may be the separate parts of the event (sorry, I'm not at all familiar with your particular needs, please elaborate if you need more info) and then the galleries could be individual horses or riders or whatever. I think Lucky Critters will be closest to what you need to do.

Oh and to turn off the smilies make sure to check the box right below the message editor that says "Disable smilies in text".

jcdill

Oct-05-2005, 01:01 PM

Check out gallery.luckycritters.com or www.deanmalaxos.com (http://www.deanmalaxos.com) to get an idea of how you can set up your categories, sub-categories, and galleries. You could set it up so that you show categories on your home page (rather than galleries). Those categories may be the individual event, the sub-categories may be the separate parts of the event (sorry, I'm not at all familiar with your particular needs, please elaborate if you need more info) and then the galleries could be individual horses or riders or whatever. I think Lucky Critters will be closest to what you need to do.
That won't work because I'm already using categories (horses) and sub-categories (shows, portraits, etc.) and you can't have a sub-sub-category. I'd have to redo ALL my gallories.

Oh and to turn off the smilies make sure to check the box right below the message editor that says "Disable smilies in text".
I want to turn off smilies on the "compose message" window, not just in the message I compose. Having all those smilies blinking and so on is VERY annoying. I just want a smiley free experience, period.

DavidTO

Oct-05-2005, 01:04 PM

I just want a smiley free experience, period.

Rutt's the man to help you with that.

What browser are you using? In Safari I can turn off animation, and that helps me a bunch.

Andy

Oct-05-2005, 03:05 PM

smilies are our friends...

http://williams.smugmug.com/photos/13352119-L.gifhttp://williams.smugmug.com/photos/13352119-L.gifhttp://williams.smugmug.com/photos/13352119-L.gif

but as david suggests, you can turn off animations in today's modern browsers :thumb

Mike Lane

Oct-05-2005, 05:11 PM

That won't work because I'm already using categories (horses) and sub-categories (shows, portraits, etc.) and you can't have a sub-sub-category. I'd have to redo ALL my gallories.
I'm not sure which would be less labor intensive: reorganizing your site creating and maintaining a custom header or whatever to display the various galleries. If you have some html and css know how you can do the latter relatively easily (although I would think it'd be kind of a pain to manually link all the galleries and what not).

I want to turn off smilies on the "compose message" window, not just in the message I compose. Having all those smilies blinking and so on is VERY annoying. I just want a smiley free experience, period.
This one's out of my realm.

jcdill

Oct-05-2005, 07:59 PM

I'm not sure which would be less labor intensive: reorganizing your site creating and maintaining a custom header or whatever to display the various galleries. If you have some html and css know how you can do the latter relatively easily (although I would think it'd be kind of a pain to manually link all the galleries and what not).

That's the bit I was hoping to get help with. I do have html and css knowledge, but I was hoping someone here has some specific hints about how to do what I want with html and/or css so I don't have to reinvent the wheel.

jc

Mike Lane

Oct-05-2005, 08:14 PM

That's the bit I was hoping to get help with. I do have html and css knowledge, but I was hoping someone here has some specific hints about how to do what I want with html and/or css so I don't have to reinvent the wheel.

jc
Okay, let's figure out how you want to do this. The only way that I can think to do this is to separate out the various events or whatever into galleries. You can't really link into a specific area of one gallery so this is the only way I can think of to do it. You could make them private, but then they wouldn't be searchable. Then you'll need to create one gallery that will be the traffic cop for the galleries that you just created. You can specify the looks in that traffic cop gallery by prefacing every style that affects that page in the stylesheet with ".gallery_xxxxxx" (where xxxxxx is replaced by the gallery number of course). Simply enclose the layers in some classed or id'd boxes and you're off and running.

On the other hand you could force the gallery to the journal style or to the traditional style and simply put sample pics from the representative galleries into that traditional or journal style gallery and then put links to the associated galleries in the comments.

jcdill

Oct-05-2005, 08:41 PM

Well, I've got it working, sort of. I added gallery class=miniBox code (taken from my home page) to gallery at:

http://equinephotoart.smugmug.com/gallery/860365

2 problems:

1) I need the miniBoxes to be smaller. Where do I find the default style sheet so I can see what size it is now?

2) IE is misbehaving and no longer has any padding on the page at all. What do I need to add around my code to put padding back onto the page?

Mike Lane

Oct-06-2005, 06:24 AM

Well, I've got it working, sort of. I added gallery class=miniBox code (taken from my home page) to gallery at:

http://equinephotoart.smugmug.com/gallery/860365

2 problems:

1) I need the miniBoxes to be smaller. Where do I find the default style sheet so I can see what size it is now?

2) IE is misbehaving and no longer has any padding on the page at all. What do I need to add around my code to put padding back onto the page? There's some oddness on your page there. When you look at it in the smugmug style on either firefox or IE you get the same thing. I'm assuming you just cut and pasted code from one page over to the header of that page yes?

The first thing that I see is that you should remove this:

<style type="text/css"><!--

from your stylesheet html box. The SmugmugBlack.css stylesheet can be found at http://equinephotoart.smugmug.com/include/css/smugmugBlack.css. The other stylesheet can be found at http://equinephotoart.smugmug.com/include/css/smugmugWhite.css.

jcdill

Oct-06-2005, 10:00 AM

There's some oddness on your page there. When you look at it in the smugmug style on either firefox or IE you get the same thing. I'm assuming you just cut and pasted code from one page over to the header of that page yes?
I don't get the same thing in firefox vs IE. It displays right in FF, wrong in IE. I didn't cut and past code into the header of that page (is there a way to change the header of just one page? ), I put the code into the gallery description.

The first thing that I see is that you should remove this:

<style type="text/css"><!--

from your stylesheet html box.
Done. That was because I just copied/pasted the entire contents of my css.txt file in, and when I tested it worked just fine.

The SmugmugBlack.css stylesheet can be found at http://equinephotoart.smugmug.com/include/css/smugmugBlack.css. The other stylesheet can be found at http://equinephotoart.smugmug.com/include/css/smugmugWhite.css.
Since I use the white layout, I tried the white stylesheet first. The naming convention doesn't make it obvious that the black stylesheet is the "default" stylesheet. Is there a help page that lays out the style sheet order so I can make sure I'm looking at all the relevant stylesheets for my site? I changed the miniBox settings for this one gallery by adding the following to my stylesheet:

gallery_860365 .miniBox {
display: inline;
float: left;
width: 200px;
height: 130px;
margin: 5px 5px 5px 5px;
}

which should change the width and margin of this box, and leave it floating so that it fills in 200px boxes the width of the browser. But the text remains too wide. I don't know if the box is too wide or if there is some text style that is defining the title text to be too wide. Any hints on how to fix this? I want 3 or 4 boxes wide so that it doesn't take so many rows to display all the sub-galleries.

Mike Lane

Oct-06-2005, 10:15 AM

ie

Mike Lane

Oct-06-2005, 10:16 AM

ff

Mike Lane

Oct-06-2005, 10:17 AM

What are the differences you're talking about in ie vs ff?

jcdill

Oct-06-2005, 10:51 AM

What are the differences you're talking about in ie vs ff? I had to add a table in my header (and close it in the footer) to force IE to stop displaying the center content with NO padding on either side. Without the table, the images in the center section were abutting the left edge of the browser window with no whitespace between the image and the browser edge.

Mike Lane

Oct-06-2005, 10:58 AM

I had to add a table in my header (and close it in the footer) to force IE to stop displaying the center content with NO padding on either side. Without the table, the images in the center section were abutting the left edge of the browser window with no whitespace between the image and the browser edge.
Looks like you made it work.

here's how you can make your image links behave:

http://www.dgrin.com/showthread.php?t=17946