link hover -> image

[anonīms]

Nezinu īsti kā viņš saucas un vai vispār rakstu īstajā sadaļā, bet ideja ir tāda.

Ir links (Līgoparks)

uz kura uzvelkot virsū parādās bilde.

Kā to varētu panākt?

[Raivis.purins]

onmouse

[marcis]

Elementa saturu ar css nesanāks samainīt.

Vienīgi vari likt background-image un a:hover nomainīt background-position.

[Raivis.purins]

Nu pēc loģikas spriežot var to panākt ar to pašu javas skriptu, kura rakstītbu es īsti nemāku, bet pamēģināšu izskaidrot pēc būtības. ja a=links, funkcija, onmouse, rādi bildi, onmouseout != nerādi bildi. Man šķiet elementāri!

[marcis]

Nu atkarībā no vajadzības (etc), nav jēgas izmantot js tur, kur tas nav vajadzīgs. Protams, nezinu šī konkrētā gadījuma nianses. Lieku galdā alternatīvus variantus.

[Wuu]

CSS

 

xxx {
	display:block;
	height:25px;
	width:25px;
}

xxx:hover {
	display:block;
	background-image:url('img.png');

	background-position:center center;

	background-repeat:no-repeat;
	height:25px;
	width:25px;
}

[mefisto]

Wuu.

Tas piemērs darbojas tika ja xxx == a

Uz IE6 :hover{} strādā tikai ar tagu, kuram ir norādīta href vērtība.

 

 

Emm ... un tieši kāpēc tu atkārto display, height un width ??

Un kāpēc tu nelieto short-hand versiju priekš 'background' ?!

http://www.htmldog.com/reference/cssproperties/background/