The iframe piece of script is a very rich attribute, since you have total control over the style (unlike Dreamstime banners). That lets you make it fit very easily the design of your page.
You can for instance present a random 4x3 overview of your portfolio on your main page with a common border, without the iframe becoming apparent.
You can see an example on the main page of
http://www.flemishdreams.com wich uses a Joomla CMS (2 colums, 600px body), and the landing page is just an article in the static content. But of course, you could use it on any simple flat HTML page.
The code goes like this:
Code:
"lesser than" character, then
IFRAME src='http://www.featurepics.com/Authors/top5Images.aspx?id=XXX&
number=4&bgcolor=ffffff&type=g&order=random' width='600' height='135' style='BORDER-RIGHT:
#dddddd 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #dddddd 1px solid;
BORDER-BOTTOM: 0px' border='0' MARGINWIDTH='0'
MARGINHEIGHT='0' SCROLLING='no' FRAMEBORDER='0'></IFRAME>
Replace id=XXX by your ID, which you can find on FP, when logged in, under the menu item "HTML snippets".
and you repeat this block 3 times, with the border attribute set to this for the first block:
Code:
BORDER-RIGHT:
#dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: 0px
this for the second and following blocks (except the last):
Code:
BORDER-RIGHT:
#dddddd 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #dddddd 1px solid;
BORDER-BOTTOM: 0px'
and this for the last row:
Code:
BORDER-RIGHT:
#dddddd 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #dddddd 1px solid;
BORDER-BOTTOM: #dddddd 1px solid'
You can of course adapt the color of your border (#dddddd) or the size at wish. You also have to count how many images will fit in your design, and adapt the row count (the number= parameter) accordingly.
If you want your site to be search-engine friendly, well, robots don't crawl through iframes, nor through javascript or any dynamic content like Flash, fancy slide-generators, or images generated on the fly as the result of a menu action in a gallery by php-mysql. You will have to
hard-code in HTML all the links somewhere on your landing page or on level 2 pages (make sure there are no more than 5 level 2 pages then), preferably with the img alt= attribute set to your main keywords. That way, Google images will pick up the image and tag it appropriately. Search bots don't crawl beyond level 3 pages on a site, nor through more than 6-7 pages on any level or 20-30 pages in total.
Use the
robots.txt feature to direct search bots to a few appropriate pages when you have a large, complex site.
Finally a word of caution about putting unwatermarked usable photos on your site (even with the 'save as' right mouse-click disabled). Google Images will pick them up and cache them, and they are then available
for free. And disable deep-linking on your server or you are emulating Mother Theresa with your bandwidth ;-)