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!
Listen Up: We moderate all comments. If you plan to use the commenting area solely to pimp your own website, please know that we will not approve it. Only context-sensitive, genuine-interest comments will make the cut. Please don't make dopey comments that are irrelevant just so you can post the name of your website.
