Total members 11786 |It is currently Mon Jul 22, 2019 8:01 am Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





In the following example more than one image is used as link but in different cases like hover and click.

Code:
<html>
<
head>
<
title>Many images for one link</title>
<
style type="text/css">
a  {
 display: none;
}
a:link { 
 display
: block;

 background-image: url(2.png);
 background-repeat: no-repeat;
 background-position: top left;
  width: 300px;
 height: 300px;
}
a:link:hover { 
 display
: block;

 background-image: url(3.png);
 background-repeat: no-repeat;
 background-position: top left;
  width: 300px;
 height: 300px;
}
a:link:active { 
 display
: block;

 background-image: url(4.png);
 background-repeat: no-repeat;
 background-position: top left;
  width: 300px;
 height: 300px;
}
</
style>
</
head>

<
body>

  <a href="http://www.codemiles.com" >
   
  
</a>
  
</body>
</
html>

 





Author:
Mastermind
User avatar Posts: 2707
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : Show image when click on link
 Hide the background image by one click     -  
 click,double click,focus,blur and hover actions in JQuery     -  
 image slide show     -  
 Show image using before property     -  
 Show loading image from JQuery     -  
 show the locations of clicks on the image     -  
 How to show full resolution image at clicking on thumnail     -  
 Change the border color of image and its link     -  
 disable right click on your web page     -  
 Detecting right mouse button click     -  



Topic Tags

HTML Link, HTML Image
cron





Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com