PDA

View Full Version : Dreamweaver table cell image change



charter
Jan 18th, 2007, 09:54 AM
I have a page which has a table that contains 7 cells.

6 of the cells have thumbnail images and 1 large cell

What I am looking to do is to be able to click on a thumbnail and show the enlarged image in the LARGE CELL. The image in the large cell changing when a different thumbnail is click on.

Can someone please tell me if it is possible to to this using Dreamweaver behaviours? If so how

All help much appreciated

Obolopo
Jan 18th, 2007, 06:26 PM
It is possible you could do it kind of unorganized with iframes or you could do it with PHP.

The unorganized way:

1.) Create a page for each enlarged thumbnail with this coding in it:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
margin: auto;
}
</style>
</head>
<body>
<img src="URl to your image." alt="" />
</body>
</html>

2.) Then have an iframe the size of all your enlarged images:


<iframe src="" name="enlargedimage" scrolling="no" frameborder="no" height="100px" width="100px"></iframe>

3.) Place this attribute with a link to the page you created with your enlarged image:

Example:

<a href="Page name to enlarged image" target="enlargedimage"><img src="URl to thumbnail" alt="" /></a>