Discussion about image in html page

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • punitshrivastava
    New Member
    • Jul 2007
    • 22

    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.dt d">
    <!-- 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(op acity=100);
    -moz-opacity: 0.5;
    opacity: 0.5;}

    a.linkopacity:h over img {
    filter:alpha(op acity=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="#fffff f">
    <table border="0" cellpadding="0" cellspacing="0" width="300">
    <!-- fwtable fwsrc="Untitled " fwbase="kj-issue-52-200602 copy.jpg" fwstyle="Dreamw eaver" 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"><im g name="kjissue52 200602copy_r1_c 1" src="paper2/kj-issue-52-200602%20copy_r 1_c1.jpg" width="300" height="18" border="0" id="kjissue5220 0602copy_r1_c1" alt="" /></td>
    <td><img src="spacer.gif " width="1" height="18" border="0" alt="" /></td>
    </tr>
    <tr>
    <td rowspan="9"><im g name="kjissue52 200602copy_r2_c 1" src="paper2/kj-issue-52-200602%20copy_r 2_c1.jpg" width="12" height="582" border="0" id="kjissue5220 0602copy_r2_c1" alt="" /></td>
    <td colspan="2"><a href="images/b1.jpg" target="mainfra me"class="linko pacity" onmouseover="MM _swapImage('b1' ,'','images/b1.jpg',1);" onmouseout="MM_ swapImgRestore( );" onblur="images/b11.jpg;" ><img name="kjissue52 200602copy_r2_c 2" src="paper2/kj-issue-52-200602%20copy_r 2_c2.jpg" width="269" height="30" border="0" id="kjissue5220 0602copy_r2_c2" alt="" /></a></td>
    <td rowspan="9"><im g name="kjissue52 200602copy_r2_c 4" src="paper2/kj-issue-52-200602%20copy_r 2_c4.jpg" width="19" height="582" border="0" id="kjissue5220 0602copy_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="mainfra me"class="linko pacity" onmouseover="MM _swapImage('b2' ,'','images/b2.jpg',1);" onmouseout="MM_ swapImgRestore( );" onblur="images/b21.jpg;" ><img name="kjissue52 200602copy_r3_c 2" src="paper2/kj-issue-52-200602%20copy_r 3_c2.jpg" width="89" height="160" border="0" id="kjissue5220 0602copy_r3_c2" alt="" /></a></td>
    <td rowspan="2"><a href="images/b3.jpg" target="mainfra me"class="linko pacity" onmouseover="MM _swapImage('b3' ,'','images/b3.jpg',1);" onmouseout="MM_ swapImgRestore( );"onblur="imag es/b31.jpg;" ><img name="kjissue52 200602copy_r3_c 3" src="paper2/kj-issue-52-200602%20copy_r 3_c3.jpg" width="180" height="184" border="0" id="kjissue5220 0602copy_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="mainfra me"class="linko pacity" onmouseover="MM _swapImage('b4' ,'','images/b4.jpg',1);" onmouseout="MM_ swapImgRestore( );" onblur="images/b41.jpg;"><img name="kjissue52 200602copy_r4_c 2" src="paper2/kj-issue-52-200602%20copy_r 4_c2.jpg" width="89" height="122" border="0" id="kjissue5220 0602copy_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="mainfra me"class="linko pacity" onmouseover="MM _swapImage('b5' ,'','images1/b5.jpg',1);" onmouseout="MM_ swapImgRestore( );" onblur="images/b51.jpg;"><img name="kjissue52 200602copy_r5_c 3" src="paper2/kj-issue-52-200602%20copy_r 5_c3.jpg" onclick="images/b51.jpg" width="180" height="85" border="0" id="kjissue5220 0602copy_r5_c3" alt="" /></a></td>
    <td><img src="spacer.gif " width="1" height="85" border="0" alt="" /></td>
    </tr>
    <tr>
    <td><img name="kjissue52 200602copy_r6_c 3" src="kj-issue-52-200602%20copy_r 6_c3.jpg" width="180" height="3" border="0" id="kjissue5220 0602copy_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="mainfra me"class="linko pacity" onmouseover="MM _swapImage('b6' ,'','images1/b6.jpg',1);" onmouseout="MM_ swapImgRestore( );" onblur="images/b61.jpg;"><img name="kjissue52 200602copy_r7_c 3" src="paper2/kj-issue-52-200602%20copy_r 7_c3.jpg" onclick="images 1/b61.jpg" width="180" height="233" border="0" id="kjissue5220 0602copy_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="mainfra me"class="linko pacity" onmouseover="MM _swapImage('b7' ,'','images1/b7.jpg',1);" onmouseout="MM_ swapImgRestore( );"onblur="imag es/b71.jpg;" ><img name="kjissue52 200602copy_r8_c 2" src="paper2/kj-issue-52-200602%20copy_r 8_c2.jpg" onclick="images 1/b71.jpg" width="89" height="139" border="0" id="kjissue5220 0602copy_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="mainfra me"class="linko pacity" onmouseover="MM _swapImage('b8' ,'','images1/b8.jpg',1);" onmouseout="MM_ swapImgRestore( );" onblur="images/b81.jpg;"><img name="kjissue52 200602copy_r9_c 2" src="paper2/kj-issue-52-200602%20copy_r 9_c2.jpg" onclick="images 1/b81.jpg" width="89" height="84" border="0" id="kjissue5220 0602copy_r9_c2" alt="" /></a></td>
    <td><img src="spacer.gif " width="1" height="84" border="0" alt="" /></td>
    </tr>
    <tr>
    <td colspan="2"><im g name="kjissue52 200602copy_r10_ c2" src="paper2/kj-issue-52-200602%20copy_r 10_c2.jpg" width="269" height="47" border="0" id="kjissue5220 0602copy_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="smallmain frame" 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="backgrou nd-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="#00000 0" 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
Working...