immagine con bordo interno

**sfinge** · 21-06-2004, 15:10

Ciao,

ho un immagine dinamica a cui vorrei applicare un bordo colorato al passaggio del mouse. Tuttavia, mi piacerebbe che tale bordo fosse interno all'immagine e non come di default esterno. COme posso fare?
potrei applicare un layer più piccolo dell'immagine con un bordo rosso ma purtroppo non so le dimensioni di tale immagine.

Come posso fare?

**Mich_** · 21-06-2004, 15:30

Ricavare le dimensioni dell'immagine:

document.images['NOMEIMM'].width / .height
oppure
document.getElementById('IDIMM').width / .height

dove NOMEIMM e IDIMM sono definiti:
[img]...[/img]

**br1** · 21-06-2004, 15:48

Non ho modo di testare la compatibilita' con i diversi browser...

prendila come spunto:

codice:

<SCRIPT LANGUAGE="JavaScript">
<!--
function getPageCoords (element) { // thanks to 'Martin Honnen' for this function 
	var coords = {x: 0, y: 0}; 
	while (element) { 
		coords.x += element.offsetLeft; 
		coords.y += element.offsetTop; 
		element = element.offsetParent; 
	} 
	return coords; 
} 

function disp(obj) {
	p=getPageCoords(obj)
	d = document.getElementById("cornice");
	d.style.top = ''+(p.y)+'px'
	d.style.left = ''+(p.x)+'px'
	d.style.width = ''+(obj.width-2)+'px'
	d.style.height = ''+(obj.height-2)+'px'
	d.style.display='block';
}
function clr() {
	document.getElementById("cornice").style.display='none';
}
//-->
</SCRIPT>
...
<BODY>
[img]immagine.gif[/img]
[img]trasparente.gif[/img]
</BODY>

ciao

**sfinge** · 21-06-2004, 17:16

GRAZIE MILLE!!

Discussione: immagine con bordo interno

Strumenti discussione

Ricerca discussione

Visualizza

immagine con bordo interno

Permessi di invio