Hey everyone, I am working on mkaing a new photography portfolio for myslef and would like to use a layoout like this <!-- m --><a class="postlink" href="http://www.photoknowhow.com/longframecorporate.html">http://www.photoknowhow.com/longframecorporate.html</a><!-- m --> but unofrtunetly i do not know how to make my thumbnils links to a bigger photo in the same page. Like the person in that site has done. I've tried to mess around with it in Frontpage but i cant get it. I appreciate any and all help. Thankx<!--content-->several methods of doing that, it's not an image map, you could have it so the small images link to the larger image in an iframe, where you give each link a target to the iframe, ie:<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"foo.html" target="iframe_name">image</a><br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com">http://www.w3schools.com</a><!-- m --> will show you how to do iframes, they're very easy.<br />
<br />
what that page has actually used is a javscript which changes the image, view the source code to see how it's used. Seems quite easy, remove all their content and replace it with your own to test how it works, once you get the hang of the script you can then implement it into your site, don't see using their javscript as stealing, they most likely Download <!--more-->ed it from a script site.<br />
<br />
<!--content-->Will this do the job?<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"bigimage.png" title="some stuff about the image"> <img src="smallimage.png" alt="some text for if the image does not load" width="25" height="25" border="0"> </a><br />
<br />
<br />
Make sure you have a proper naming scheme for your images so that you don't mix up big and small, or dupliacte things.<br />
<br />
image0001_big.png<br />
image0001_sma.png<br />
<br />
OR<br />
<br />
im_0001.png<br />
tn_0001.png<br />
<br />
OR <br />
<br />
whatever... just make a scheme and stick to it.<br />
<br />
<br />
If you number the images, make sure the names all have the same number of characters (leading zeros) otherwise the sort order goes wierd if you sort by name 1.. 11.. 111.. 12.. 121.. 2.. etc.<!--content-->
<br />
<a href=http://www.htmlforums.com/archive/index.php/"foo.html" target="iframe_name">image</a><br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com">http://www.w3schools.com</a><!-- m --> will show you how to do iframes, they're very easy.<br />
<br />
what that page has actually used is a javscript which changes the image, view the source code to see how it's used. Seems quite easy, remove all their content and replace it with your own to test how it works, once you get the hang of the script you can then implement it into your site, don't see using their javscript as stealing, they most likely Download <!--more-->ed it from a script site.<br />
<br />
<!--content-->Will this do the job?<br /><br />
<a href=http://www.htmlforums.com/archive/index.php/"bigimage.png" title="some stuff about the image"> <img src="smallimage.png" alt="some text for if the image does not load" width="25" height="25" border="0"> </a><br />
<br />
<br />
Make sure you have a proper naming scheme for your images so that you don't mix up big and small, or dupliacte things.<br />
<br />
image0001_big.png<br />
image0001_sma.png<br />
<br />
OR<br />
<br />
im_0001.png<br />
tn_0001.png<br />
<br />
OR <br />
<br />
whatever... just make a scheme and stick to it.<br />
<br />
<br />
If you number the images, make sure the names all have the same number of characters (leading zeros) otherwise the sort order goes wierd if you sort by name 1.. 11.. 111.. 12.. 121.. 2.. etc.<!--content-->