un esempio con due immagini di sfondo e la terza impostata con onclick (ma si potrebbe, invece che inserire un'immagine trasparente, anche inserire nel link direttamente l'immagine 3 e con onclick variarne la visibilità, da un'opacity settata su zero all'inizio a opacity:1) :
codice:<style type="text/css"> <!-- a#cuore { display:inline-block; width:40px; height:40px; background:url(cuore1.jpg)} a#cuore:hover { background:url(cuore2.jpg)} --> </style> </head> <body> <div> <a href="#nullo" id="cuore"><img src="transparent.gif" height="40" width="40" onclick="this.src='cuore3.jpg'" /> </a> </div>
Rispondi quotando