473,372 Members | 814 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,372 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 1326

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

Similar topics

9
by: matthiasjanes | last post by:
Hi, Maybe someone of you can help me. I'm trying to display an image in memory(open file) with an cgi script - but it want work proberly: I'm running an Cgi webserver (CgiServerGui.py). ...
17
by: santel_helvis | last post by:
Hi All, Could anyone tell me how to rotate the image in javascript. Which concepts I should concentrate to rotate the image
4
by: tshad | last post by:
I am trying to set up an Image authorization where you type in the value that is in a picture to log on to our site. I found a program that is supposed to do it, but it doesn't seem to work. ...
23
by: Peter | last post by:
I have a problem with a page show_image.asp that returns a jpg image under Windows XP Pro SP2. The page sets content type as: Response.ContentType = "image/jpg" While this works perfectly fine...
2
by: Tina | last post by:
I have a System.Drawing.Bitmap myImage; I also have a webcontrols.Image on my web page. I want to put the bitmap into the image but the image can only get it's bitmap from ImageURL which can be a...
6
by: David Stone | last post by:
I have a simple question about the alt content of area elements within an image map: is it redundant to include phrases such as "link to..." or "jump to..."? My initial thought is 'yes', since...
2
by: amritranjan | last post by:
This is my Jsp code for image upload in database: -----------Upload.jsp---------------- <html> <head> <title>Account Details </title> </head> <body bgproperties="fixed" bgcolor="#CCFFFF">...
6
by: sarika | last post by:
Hi All i m making a web site having number of big images. My requirement is i want to dunamically split the images while downloading so that my website works fast and image downloading does not...
7
by: hsegoy1979 | last post by:
Dear All Iam using file upload control and i want to display image in another pop up page .But image is not displaying in image control iam sending image path thru querystring . here is my code ...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.