Mouseover - Bild ändert sich

[Murcielago]

Moin Leutz,

ich möchte eine solche Animation basteln:
http://photozone.de/canon-eos/412-tamron_18270_3563vc_canon
(runterscrollen bis zum Vergleich 18-270 vs- 18-200 IS).

Der Code sieht bei Photozone so aus:

<table>
  <caption>Move your mouse pointer in/out of the image to "zoom out".</caption>
     <tbody>
        <tr align="center">
          <td><a href="javascript:void(0)" onmouseover="hiLite('mode','A2'); return true" onmouseout="hiLite('mode','A1'); return true"><img src="/images/8Reviews/lenses/tamron_18270_3563vc_canon/tam_vs_can1.jpg" name="mode" border="1"></a><br />
        </td>
        </tr>
     </tbody>
</table>

Wie krieg ich das selber hin?
Die Fotos sollen meinetwegen ein.jpg und aus.jpg heißen.



Danke für eure Hilfe.

 

[torben1]

Guten Morgen,

am Einfachsten ist Du schaust Dir folgenden Link an.
http://de.selfhtml.org/javascript/beispiele/buttons.htm

Torben

 

[Murcielago]

Hilfe ... gehts nicht einfacher, am besten als vorgefertigter Code, wo ich nur die Dateinamen ändern muss?

 

[hacmac]

is doch eh einfacher, da brauchst doch nur mehr austauschen!

 

[torben1]

Nagut will nicht so sein

<script type="text/javascript">
    bild1on = new Image();
    bild1on.src = "ein.jpg";
    bild1off = new Image();
    bild1off.src = "aus.jpg";

function an(ImageName) {
    if(document.images) {
        document[ImageName].src = eval(ImageName + "on.src");
    }
    
}
    
function aus(ImageName)    {
    if(document.images) {
        document[ImageName].src = eval(ImageName + "off.src");
    }
    
}
</script>

<img src="aus.jpg" border="0" name="bild1" onmouseover="an('bild1'); " onmouseout="aus('bild1');">

So sollte es funktionieren. Du kannst das ganze jetzt auch einfach erweitern.

Torben

 

[Murcielago]

Wofür der zweite Code?
Hintereinander einbauen?

 

[torben1]

Das erste ist Javascript und verantwortlich für den Wechsel. Der zweite Code ist das Bild mit dem Aufruf der Wechselfunktion. Kannst Du hintereinander einbauen. Das Script sollte aber eigentlich in den Header.

Torben

 

[Murcielago]

wenn ich den Seitencode jetzt ganz gelöscht habe .... und nur die beiden Codes einbau, gehts dann nicht?

 

[torben1]

Ähmm nein. Du musst das ganze schon in deine Seite einbauen. Die Bilder müssen da sein und auch so heißen.
Am besten ist es wohl Du postest Deine Seite oder gibst mir per pm den Link und ich baue es Dir eben ein.

Torben