View Full Version : Help with html only gallery
J Winn
Jun-11-2008, 10:38 AM
I have an html only gallery and I am trying to have several small sized photos down the left side of the page (I can insert the links to my photos, no problem) and have clickable text directly to the right of the photo (but centered in the remaining space).
Like this:
photo "soccer galleries"
photo "baseball galleries"
Right now it does this:
photo
soccer galleries
photo
baseball galleries
Thanks in advance!
J Winn
Jun-11-2008, 11:11 AM
Or, if I decided to use Journal style instead of html only, can I make the journal pics smaller (or larger) and have them all on the same side of the page instead of alternating?
Thanks again.
denisegoldberg
Jun-11-2008, 01:55 PM
Or, if I decided to use Journal style instead of html only, can I make the journal pics smaller (or larger) and have them all on the same side of the page instead of alternating?
Check out this thread, shows how to put all of the photos on the same side of the page in journal style - http://www.dgrin.com/showthread.php?t=24159.
Or if you want to stick with the html-only style, see this thread for info on how to set up a table with your photo on one side of the browser window and your text next to it (essentially in the next column of the table) - http://www.dgrin.com/showthread.php?t=96351.
--- Denise
J Winn
Jun-11-2008, 06:02 PM
How can I size the journal photos to my liking?
J Winn
Jun-11-2008, 07:42 PM
Ok, I've finally decided what I'd like to do.
I'd like to have something similar to this: http://atsmith2.smugmug.com/gallery/3633805
Html only gallery. Each image would be a slideshow. Due to some creative croppings of alot of my sports galleries, the square sizing of the images and slideshows would ruin alot of the photos.
I kinda started something here: http://winningphotography.smugmug.com/gallery/5146859_32DUw
I'd like there to be 3 across. Instead of beside each image (like I have now), I'd like the description to be directly below each image. I'll end up with about 12 (3 across, 4 down) and will add more as I shoot more stuff.
If someone could give me an idea of what the html would look like for the table (and how to keep it centered) and where to insert the slideshow html for each mini slideshow that would be fantastic. I have a widescreen monitor...I'd like to make it as wide as possible without making it look wierd on standard monitors.
Will I need to change anything in the CSS section?
Thanks in advance.
Allen
Jun-11-2008, 08:31 PM
Ok, I've finally decided what I'd like to do.
I'd like to have something similar to this: http://atsmith2.smugmug.com/gallery/3633805
Html only gallery. Each image would be a slideshow. Due to some creative croppings of alot of my sports galleries, the square sizing of the images and slideshows would ruin alot of the photos.
I kinda started something here: http://winningphotography.smugmug.com/gallery/5146859_32DUw
I'd like there to be 3 across. Instead of beside each image (like I have now), I'd like the description to be directly below each image. I'll end up with about 12 (3 across, 4 down) and will add more as I shoot more stuff.
If someone could give me an idea of what the html would look like for the table (and how to keep it centered) and where to insert the slideshow html for each mini slideshow that would be fantastic. I have a widescreen monitor...I'd like to make it as wide as possible without making it look wierd on standard monitors.
Will I need to change anything in the CSS section?
Thanks in advance.
That page with the shows is this page (http://allen-steve.smugmug.com/gallery/3539056) with the thumbs changed to show
code. It has the html shown how to create it. It just a mater of replacing
the thumb img in the html with the show object code.
Here's what the first one looks like.
<td class="SSthumb">
<object align="middle" height="158" width="158">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf?AlbumID=1917792&borderThickness=6&b orderColor=cccccc&randomStart=true&showLogo=false& showThumbs=false&showButtons=false&transparent=tru e&crossFadeSpeed=400&clickUrl=http://www#46;smugmug#46;com">
<param name="wmode" value="transparent">
<param name="bgcolor" value="000000">
<param name="allowNetworking" value="all">
<param name="allowScriptAccess" value="always">
<embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf?AlbumID=1917792&borderThickness=6&b orderColor=cccccc&randomStart=true&showLogo=false& showThumbs=false&showButtons=false&transparent=tru e&crossFadeSpeed=400&clickUrl=http://www#46;smugmug#46;com" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allownetworking="all" height="158" width="158"></object>
</td>
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.