• Aktualisierte Forenregeln

    Eine kleine Änderung hat es im Bereich Forenregeln unter Abschnitt 2 gegeben, wo wir nun explizit darauf verweisen, dass Forenkommentare in unserer Heftrubrik Leserbriefe landen können.

    Forenregeln


    Vielen Dank

BIld das wechselt wenn Maus druff is

Der-Picknicker

Gelegenheitsspieler/in
Registriert
04.02.2004
Beiträge
387
Reaktionspunkte
0
Hi!
Mit welchen html befehlen mache ich ein bild (als link) das wenn die maus drauf is sich dass dann in ein enaderes umwandelt?
 
Der-Picknicker am 10.12.2005 11:28 schrieb:
Hi!
Mit welchen html befehlen mache ich ein bild (als link) das wenn die maus drauf is sich dass dann in ein enaderes umwandelt?

Das sind die 2 Bilder:

<div id="layerbild1" style="position: absolute; top:0; left:0; width:20; height:20; z-index:1">
<img src="[bild1adresse]" onmouseover="bildwechsel()" onmouseout="wechsel()">
</div>
<div id="layerbild2" style="position: absolute; top:0; left:0; width:20; height:20; z-index:1">
<img src="[bild2adresse]" onclick="fenster()">

Jetzt noch das Javascript in <head></head> einfügen:

<script>
function get() {
layerstyle1 = layerbild1.style
layerstyle2 = layerbild2.style
}

function bildwechsel() {
layerstyle1.visibility = "hidden"
layerstyle2.visibility = "visible"
}

function wechsel() {
layerstyle1.visibility = "visible"
layerstyle2.visibility = "hidden"
}

function fenster() {
window.open([Linkadresse])
}
</script>

der <body> tag muss folgendes enthalten:
onload="get()"
 
sLost am 11.12.2005 13:09 schrieb:
Das sind die 2 Bilder:
...
Hmm, du verwendest dabei die absolute Position des Bildes.
Das ist aber unpraktisch:

- sobald man Elemente auf der Seite hat, die sich nach der Größe des Browserfensters richten. Zum Beispiel einen längeren Absatz, der je nachdem eine Zeile mehr oder weniger hat.
Das Problem tritt verstärkt auf, je mehr Browser und Betriebssysteme die Seite korekt anzeigen sollen.

- Falls du Text in der Nähe des Bildes hast, musst du den Text um das Bild herum begrenzen


Da finde ich die klassische Lösung (in Link oben) besser, denn da ist es völlig egal, wo das Bild auf der Seite ist: es wird einfach die Objekteigenschaft Bildquelle verändert.
 
mh ich hab genau sowas zufällig auf ner page gefunden:
http://www.x-herford.de/partysfr.html

im code sieht das dann irgendwie so aus:
<a href="index.html"
onMouseOver="index.src='bilder/but-index2.gif';"
onMouseOut="index.src='bilder/but-index.gif';">
<img name="index" src="bilder/but-index.gif"
width="120" height="105" border="0" alt="Home"></a><br>
<p class="adr" align="center">Bünder Str. 82-86<br>32051 Herford</p>
 
ja stimmt mit src verändern geht das auch.

ich hab auf meiner hp dasselbe nur mit text und da kann man logischerweise keine src ändern.
 
Zurück