Thursday, May 15, 2008
Random SmugMug Photos
Refresh the page to see it in action
Random Albums
This causes some layout problems since not all photos are the same aspect ratio, but here goes:
If anyone wants to utilize the last technique, which places your album thumbnails side by side using validated markup with css, here it is:
The CSS
/* @group Smug Mug */
#smugmug {
padding: 0;
margin: 0;
display: block;
max-width: 450px;
min-height: 95px;
clear:both;
}
#smugmug img {
border-style: none;
}
.photo {
padding: 5px;
margin: 0 4px 5px 0;
display: block;
border: 1px solid #000;
float: left;
align: center;
}
/* @end */
The Markup/HTML
Here is the markup in a text file. Basically, just use this markup in conjunction with the CSS above and you'll get the layout I've achieved. Naturally, change the html code to reflect your own Smug Mug galleries, and feel free to tweak the CSS! Let me know if you need any help!
Photography • Web Design • (0) Make the first Comment! • Permalink• Tell-a-Friend
