Gegen Bilderklau - Das Original | Druckvorschau: Problem mit "Wenn man auf Grafik klickt, ändert sich das Bild"

Geschrieben von Startpost-Retter am 02.02.2007 um 15:43:

Problem mit "Wenn man auf Grafik klickt, ändert sich das Bild"

Hey,
Schon seit 4 Stunden sitze ich nun an diesem Code, langsam werde ich ungeduldig und bräuchte mal eure Hilfe! fröhlich

Es geht hierdrum: Tutorial von Spiritwonder
Alledings will ich keine Link-Button machen, sondern Vorschaubildchen die sich beim draufklicken verändern.

Es funktioniert auch wenn ich auf einer Seite nur 1x diesen Code habe, jedoch wenn er mehr als 1x auf der Seite ist, geht es nicht mehr. Geht das Generell nicht, oder was mach ich falsch?

Hier zum Beweiß:
1x der Code auf der Seite angewendet
2x der Code auf der Seite angewendet

Codes:

1.Version:

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

<table style="background-color: rgb(0, 0, 0); width: 445px; height: 234px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="4" cellspacing="1">
  <tbody>
    <tr>
      <td style="text-align: center; width: 210px; background-color: rgb(191, 220, 136);"><a target="ifr" onmouseover="tausch1.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black3.jpg';" onmouseout="tausch1.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black2.jpg';">
      <img src="http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black2.jpg" name="tausch1" border="0"></a>&nbsp;<br>
      <small>Gouveneur Black<br>
      </small></td>
      <td style="background-color: rgb(191, 220, 136); width: 211px; text-align: center;"><small>MR
Pan Leo</small></td>
    </tr>  
  </tbody>
</table>

2.Version:

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:

table style="background-color: rgb(0, 0, 0); width: 445px; height: 234px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="4" cellspacing="1">
  <tbody>
    <tr>
      <td style="text-align: center; width: 210px; background-color: rgb(191, 220, 136);"><a target="ifr" onmouseover="tausch1.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black3.jpg';" onmouseout="tausch1.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black2.jpg';">
      <img src="http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black2.jpg" name="tausch1" border="0"></a>&nbsp;<br>
      <small>Gouveneur Black<br>
      </small></td>
      <td style="background-color: rgb(191, 220, 136); width: 211px; text-align: center;"><a target="ifr" onmouseover="tausch1.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/MR%20Pan%20Leo3.jpg';" onmouseout="tausch1.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/MR%20Pan%20Leo2.jpg';">
      <img src="http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/MR%20Pan%20Leo2.jpg" name="tausch1" border="0"></a><small><br>
MR
Pan Leo</small></td>
    </tr>
  </tbody>
</table>

Kann mir irgendjemand weiterhelfen oder verbessern?
Wäre echt froh, fröhlich

LG Rebecca

Geschrieben von VRH Pferde am 02.02.2007 um 20:16:

code:

1:
2:
3:

<table style="background-color: rgb(0, 0, 0); width: 445px; height: 234px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="4" cellspacing="1"> <tbody> <tr> <td style="text-align: center; width: 210px; background-color: rgb(191, 220, 136);"><a target="ifr" onmouseover="tausch1.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black3.jpg';" onmouseout="tausch1.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black2.jpg';"> <img src="http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/Gouveneur%20Black2.jpg" name="tausch1" border="0"></a>&nbsp;<br> <small>Gouveneur Black<br> </small></td> <td style="background-color: rgb(191, 220, 136); width: 211px; text-align: center;"><a target="ifr" onmouseover="tausch2.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/MR%20Pan%20Leo3.jpg';" onmouseout="tausch2.src='http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/MR%20Pan%20Leo2.jpg';"> <img src="http://greenhillranch.gr.funpic.de/Zuchthengste/Vorschaubilder/MR%20Pan%20Leo2.jpg" name="tausch2" border="0"></a><small><br> MR Pan Leo</small></td> </tr> </tbody> </table>

Damit müsste es klappen Augenzwinkern