Ich habe mich jetzt schon durch zisch seiten im Web gewühlt um herauszufinden wie ich ein Bild reinbekomme. Leider findet man im Web nur Javascripte die ein Wechsel von Bild zu Bild machen oder nur einzelne Bilder anzeigen lassen ohne Positionsangabe.
Ich weiß das sowas geht, nur WIE?
Folgendes habe ich vor:
Ich habe eine Tabelle erstellt in der alle Waffen meines Games sind. Nun möchte ich, wenn man auf den Namen der Waffe zeigt das sich ein Bild der Waffe öffnet bis ich die Maus wieder vom Bild nehme.
Das Problem:
Ich habe versucht den Waffen innerhalb der Tabelle eine ID zu geben, aber sobald ich das tue verschiebt sich meine Tabelle. Was mache ich falsch? Ist das erste mal das ich sowas versuche, daher bin ich da völlig ungeübt darin. Wäre super wenn mir jemand sowas erstellen kan und mir erklärt wie es funktioniert.:(
Hier ein Teil der Tabelle:
<body>
<table width="500" border="1" cellspacing="0">
<caption>
<br>
Maschinenpistolen (Hauptwaffen)
</caption>
<tr>
<th width="90" scope="col"> </th>
<th width="40" scope="col">Schaden</th>
<th width="47" scope="col">Rückstoß</th>
<th width="50" scope="col">Feuerrate</th>
<th width="45" scope="col">Präzision</th>
<th width="44" scope="col">Magazin</th>
<th width="33" scope="col">Preis</th>
<th width="45" scope="col">Effizienz Schaden</th>
<th width="58" scope="col">Effizienz Accuracy</th>
</tr>
<tr>
<th align="left" scope="row">M4A1</th>
<td bgcolor="#F8080C">44</td>
<td>54</td>
<td bgcolor="#DCB902">99</td>
<td>76</td>
<td bgcolor="#F8080C">20 / 10</td>
<td>14.000</td>
<td bgcolor="#9E8507">143</td>
<td>22</td>
</tr>
<tr>
<th align="left" scope="row">MP5K</th>
<td>48</td>
<td bgcolor="#F8080C">66</td>
<td>91</td>
<td>70</td>
<td>30 / 120</td>
<td bgcolor="#067804">13.000</td>
<td>139</td>
<td bgcolor="#067804">4</td>
</tr>
Versucht habe ich es mit diesem Script:
Head Bereich:
<script type="text/javascript">
function showPic(id)
{
document.getElementById('pic-'+id).style.display='block';
}
function closePic(id)
{
document.getElementById('pic-'+id).style.display='none';
}
</script>
Body Bereich:
<img src="m4A1.jpg" id="M4A1" style="display: none;" /><span onmousover="showPic('M4A1');" onmouseout="closePic('M4A1');"></span>
<img src="MP5K.jpg" id="MP5K" style="display: none;" /><span onmousover="showPic('MP5K');" onmouseout="closePic('MP5K');"></span>
Nur geht eben nicht!
verwendete ilch Version: 1.1 P
Zitat
