Bildeffekt mit Java - Bitte um Hilfe !

Hallo Profis !

Ich suche einen Javacode womit sich eine Grafik bei Mauskontakt um ein paar Pixel vergrössert. Ich will dafür nicht 2 Grafiken nehmen sondern eben nur eine Grafik. Der Effekt sollte so inetwa sein wie wenn man einen Textlink berührt der bei Mauskontakt die Farbe wechselt ( auf/zu Prinzip ).

Ich habe etwas gefunden, aber ist nicht ganz das was ich suche.

<script>
function resize(el, endsize, intervall){
	var h = parseInt(el.style.height)
	var w = parseInt(el.style.width)
	if(w < endsize && h < endsize){
		el.style.width = (w+1) + "px";
		el.style.height = (h+1) +"px";
		timer = window.setTimeout( function(){ resize(el, endsize, intervall); }, intervall)
	}
}


function stop(){
	window.clearTimeout(timer)
}
</script>
<img src="http://xxx.at/bilder/xxx2.jpg" style="width:1000px;height:244px;" onmouseover="resize(this, 1500, 100)" onmouseout="stop()">

Mit diesem Code vergrössert sich die Grafik quasi in Zeitlupe und bleibt dann stehen. Ich möchte hingegen das sich die Grafik vergrössert, und gehe ich mit der Maus weg soll wieder der Originalzustand von der Grafik sein.

Ein Denkanstoss von dir/euch wäre super

LG

Zitat von synaptic

ok, erster denkanstoss:
wo ist dein JAVAcode?

zweiter denkanstoss wieso nutzt du nicht einfach css dafür?

<<< hast mich voll erwischt !!!!

Habe heute spät Nacht's diesen Code gesehen, und ihn einfach auf Java titeliert

Mit css habe ich es schon versucht, aber ohne brauchbaren Eregebnis. Css wäre mir natürlich lieber.

Im css habe ich

.box-1 {float: left; width:33%; height:134px; background-image: url("../images/pop.png"); background-repeat:no-repeat; background-position:center; background-attachment:scroll;}

zeigt nur die Grafik an, kein Link am Bild.

Hilf mir nochmal. Wo baue ich da jetzt das hover ein ?

LG

Zitat von synaptic

mit css musste des ding als img einbinden, nicht als background und dann setz am besten nen link drum, dem du keine href gibst und dann haste die pesudoklasse :hover

also a img und a:hover img und den kannste dann ne breite mitgeben, anständige browser skalieren automatisch die höhe

Mh, eigentlich bin ich ja nicht so css blind, aber ich steh jetzt echt auf der leitung

Du meinst im css so was in die Richtung

img.{
a:hover;
width: 77px;
height: 88px;
}

da müst ich ja dann die Grafik in die php Datei einfügen weil bei css kenne ich nur background-image:...

LG

Zitat von synaptic

na nen bild vergrößern bei nem background wird wohl nicht mit css gehen...
deswegen schrieb ich ja das was ich oben schrieb.

halte dich an meinen code oben und hau das bild in die php-file rein...

wenn du eine vergrößerung eines background-images haben willst, musst du einen bildtausch vornehmen.

dein code oben zeigt übrigens nichts von einem BG-image

Passt super, vielen dank für deine Hilfe !!!!