471,610 Members | 1,351 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,610 software developers and data experts.

Discussion about image in html page

Hi to All,
I am Punit Shrivastava.i created one html page for this i cde like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>kj-issue-52-200602 copy.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 0.5;
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
}

<style type="text/css">td img {display: block;}</style>
<!--Fireworks 8 Dreamweaver 8 target. Created Wed Sep 19 17:18:36 GMT-1200 (Dateline Standard Time) 2007-->
<base target="_self">
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="300">
<!-- fwtable fwsrc="Untitled" fwbase="kj-issue-52-200602 copy.jpg" fwstyle="Dreamweaver" fwdocid = "1611024960" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="89" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="180" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="19" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>

<tr>
<td colspan="4"><img name="kjissue52200602copy_r1_c1" src="paper2/kj-issue-52-200602%20copy_r1_c1.jpg" width="300" height="18" border="0" id="kjissue52200602copy_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="18" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="9"><img name="kjissue52200602copy_r2_c1" src="paper2/kj-issue-52-200602%20copy_r2_c1.jpg" width="12" height="582" border="0" id="kjissue52200602copy_r2_c1" alt="" /></td>
<td colspan="2"><a href="images/b1.jpg" target="mainframe"class="linkopacity" onmouseover="MM_swapImage('b1','','images/b1.jpg',1);" onmouseout="MM_swapImgRestore();" onblur="images/b11.jpg;" ><img name="kjissue52200602copy_r2_c2" src="paper2/kj-issue-52-200602%20copy_r2_c2.jpg" width="269" height="30" border="0" id="kjissue52200602copy_r2_c2" alt="" /></a></td>
<td rowspan="9"><img name="kjissue52200602copy_r2_c4" src="paper2/kj-issue-52-200602%20copy_r2_c4.jpg" width="19" height="582" border="0" id="kjissue52200602copy_r2_c4" alt="" /></td>
<td><img src="spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="images/b2.jpg" target="mainframe"class="linkopacity" onmouseover="MM_swapImage('b2','','images/b2.jpg',1);" onmouseout="MM_swapImgRestore();" onblur="images/b21.jpg;" ><img name="kjissue52200602copy_r3_c2" src="paper2/kj-issue-52-200602%20copy_r3_c2.jpg" width="89" height="160" border="0" id="kjissue52200602copy_r3_c2" alt="" /></a></td>
<td rowspan="2"><a href="images/b3.jpg" target="mainframe"class="linkopacity" onmouseover="MM_swapImage('b3','','images/b3.jpg',1);" onmouseout="MM_swapImgRestore();"onblur="images/b31.jpg;" ><img name="kjissue52200602copy_r3_c3" src="paper2/kj-issue-52-200602%20copy_r3_c3.jpg" width="180" height="184" border="0" id="kjissue52200602copy_r3_c3" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="160" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><a href="images/b4.jpg" target="mainframe"class="linkopacity" onmouseover="MM_swapImage('b4','','images/b4.jpg',1);" onmouseout="MM_swapImgRestore();" onblur="images/b41.jpg;"><img name="kjissue52200602copy_r4_c2" src="paper2/kj-issue-52-200602%20copy_r4_c2.jpg" width="89" height="122" border="0" id="kjissue52200602copy_r4_c2" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="24" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="images/b5.jpg" target="mainframe"class="linkopacity" onmouseover="MM_swapImage('b5','','images1/b5.jpg',1);" onmouseout="MM_swapImgRestore();" onblur="images/b51.jpg;"><img name="kjissue52200602copy_r5_c3" src="paper2/kj-issue-52-200602%20copy_r5_c3.jpg" onclick="images/b51.jpg" width="180" height="85" border="0" id="kjissue52200602copy_r5_c3" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="85" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="kjissue52200602copy_r6_c3" src="kj-issue-52-200602%20copy_r6_c3.jpg" width="180" height="3" border="0" id="kjissue52200602copy_r6_c3" alt="" /></td>
<td><img src="spacer.gif" width="1" height="3" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3"><a href="images1/b6.jpg" target="mainframe"class="linkopacity" onmouseover="MM_swapImage('b6','','images1/b6.jpg',1);" onmouseout="MM_swapImgRestore();" onblur="images/b61.jpg;"><img name="kjissue52200602copy_r7_c3" src="paper2/kj-issue-52-200602%20copy_r7_c3.jpg" onclick="images1/b61.jpg" width="180" height="233" border="0" id="kjissue52200602copy_r7_c3" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="images/b7.jpg" target="mainframe"class="linkopacity" onmouseover="MM_swapImage('b7','','images1/b7.jpg',1);" onmouseout="MM_swapImgRestore();"onblur="images/b71.jpg;" ><img name="kjissue52200602copy_r8_c2" src="paper2/kj-issue-52-200602%20copy_r8_c2.jpg" onclick="images1/b71.jpg" width="89" height="139" border="0" id="kjissue52200602copy_r8_c2" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="139" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="images/b8.jpg" target="mainframe"class="linkopacity" onmouseover="MM_swapImage('b8','','images1/b8.jpg',1);" onmouseout="MM_swapImgRestore();" onblur="images/b81.jpg;"><img name="kjissue52200602copy_r9_c2" src="paper2/kj-issue-52-200602%20copy_r9_c2.jpg" onclick="images1/b81.jpg" width="89" height="84" border="0" id="kjissue52200602copy_r9_c2" alt="" /></a></td>
<td><img src="spacer.gif" width="1" height="84" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="kjissue52200602copy_r10_c2" src="paper2/kj-issue-52-200602%20copy_r10_c2.jpg" width="269" height="47" border="0" id="kjissue52200602copy_r10_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="47" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>
I create two iframe,one iframe of width 300 & height 600 in which images are showing which is linked on second iframe of width 554 & height 676 .Now i want the image which is showing on 2nd iframe of width 554 & height 676 when i click to that image it shows another image.I use onblur="path of image" .but it not working please suggest me what i do.As i am newbie so ,please suggest me.
Thanks & Regards
Punit Shrivastava
For iframe i code :
<td width="313" height="392" valign="top" colspan="6" style="border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0">
<iframe width="316" height="676" style="padding:0; background-color:#FFFFFF" src="part2.htm" name="smallmainframe" align="middle" target="_self" scrolling="yes" ></iframe>
</td>
<td colspan="7" valign="top" height="392" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
<p align="center">
<iframe width="554" height="676" style="background-color:#FFFFFF; padding-left:5px" src="mainpaper.htm" name="mainframe" target="_self" frameborder="0" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px" ></iframe>

</td>
</tr>
</table>



<table border="0" width="890" id="table1" height="76" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000" valign="top">
<p style="margin-top: 0; margin-bottom: 0">
<font color="#FFFFFF" face="Verdana" size="1">&nbsp;&nbsp; </font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font color="#FFFFFF" face="Verdana" size="1">
&nbsp;
About Us | Advertisement Tariff | Offices At | Useful Links | Subscribe
Now | Careers | Contact Us </font></p>
<p style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p style="margin-top: 0; margin-bottom: 0">
<font color="#FFFFFF" face="Verdana" size="1" >&nbsp; Copyright
@2007 Krishak Jagat - Powered By
Xcelcom</font></td>
</tr>
</table>
Please suggest me
Punit
Sep 20 '07 #1
0 1261

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

9 posts views Thread by matthiasjanes | last post: by
17 posts views Thread by santel_helvis | last post: by
4 posts views Thread by tshad | last post: by
2 posts views Thread by Tina | last post: by
6 posts views Thread by David Stone | last post: by
6 posts views Thread by sarika | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by MichaelMortimer | last post: by
reply views Thread by CCCYYYY | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.