Add click event of img src tag in html
Question
I am new in HTML,
I have 2 HTML pages page1 and Page2
Page1:
<html>
<head>
<title>IOS_landing_V02</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (IOS_landing_V02.psd) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="IOS_landing_V02_01.jpg" width="1024" height="20" alt=""></td>
</tr>
<tr>
<td>
<img src="IOS_landing_V02_02.jpg" width="1024" height="112" alt=""></td>
</tr>
<tr>
<td>
<img src="IOS_landing_V02_03.jpg" width="1024" height="422" alt=""></td>
</tr>
<tr>
<td>
<img src="IOS_landing_V02_04.jpg" width="1024" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="IOS_landing_V02_05.jpg" width="1024" height="213" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
On click of last img (src="IOS_landing_V02_05.jpg") i want to load another HTMl page ie Page2
How to do this ?
4 answers
solution1
0 2015-05-04 06:05:39
使用会重定向您a锚标记包裹您的img标记。
<a href="page2.html"><img src="IOS_landing_V02_05.jpg" width="1024" height="213" alt=""></a>
solution2
0 2015-05-04 06:06:21
you can do it this way: Wrap your image with <a> tag, then add a link to your second page using the href attribute.
<td>
<a href="page2.html">
<img src="IOS_landing_V02_05.jpg" width="1024" height="213" alt="">
</a>
</td>
solution3
0 ACCPTED 2015-05-04 06:06:24
Wrap the last img inside a link like this :
<a href="pathToPage2.html">
<img src="IOS_landing_V02_05.jpg" width="1024" height="213" alt="">
</a>
Now clicking on it, will load page2 .
solution4
0 2015-05-04 06:10:09
First set on click event for your image like this:
<img src="IOS_landing_V02_05.jpg" width="1024" height="213" alt="" onclick='newhtml()'>
// Function in head part
<script>
function Previewmode()
{
// load new html page
window.open("http://newpage.html");
}
</script>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
how to add variable in the img src html tag
find img tag by src value and add new attribute in img tag
cannot retrieve HTML img tag src
Add an img src to html from JavaScript correctly
javascript on click event is not working fine on img tag
How to add anchor tag to the img tag in html?
Toggle Img Src on click
How to use a html file as a source of image file in <img src=“”> tag
Is it possible to load and run script in the src of an html img tag?
HTML img src appending
Related Tags