Suche im Forum:
Suchen


Autor Nachricht
Beitrag06.02.2010 um 19:30 (UTC)    
Titel: Simpler Grafik-src-Austausch durch Variable

Hey,

Auf einer Seite habe ich die Variable "Bildnummer" angegeben. Je nachdem, welcher Wert nun dieser Variable zugeteilt wird, soll sich ein Bild auf der Seite verändern (src des Bildes).

Ich habe bereits den einzelnen Werten Bilder zugeteilt, nur ich weiß nicht, wie ich nun das oben genannte umsetzen kann. Mein Code bis jetzt (Unwichtiges ist klein gedruckt, die betroffenen Blau gefärbt):

____________


<script language="JavaScript">
<!--

var Bildnummer=1;Moduswechsel=0

function Bildwechsel(Moduswechsel){

if (Moduswechsel==1){
Bildnummer--
if (Bildnummer<=0){Bildnummer=1}
Moduswechsel=0}

if (Moduswechsel==2){
Bildnummer++

if (Bildnummer>22){Bildnummer=Bildnummer-1}
Moduswechsel=0}


switch (Bildnummer){

case 1:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_1.png"
break
case 2:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_2.png"
break
case 3:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_3.png"
break
case 4:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_4.png"
break
case 5:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_5.png"
break
case 6:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_6.png"
break
case 7:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_7.png"
break
case 8:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_8.png"
break
case 9:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_9.png"
break
case 10:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_10.png"
break
case 11:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_11.png"
break
case 12:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_12.png"
break
case 13:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_13.png"
break
case 14:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_14.png"
break
case 15:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_15.png"
break
case 16:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_16.png"
break
case 17:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_17.png"
break
case 18:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_18.png"
break
case 19:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_19.png"
break
case 20:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_20.png"
break
case 21:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_21.png"
break
case 22:document.Galleriebild.src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_22.png"
break
}}

--></script>


<body style="background-color:transparent;">
<center>
<table cellspacing="0" border="0" cellpadoding="0">
<tbody>
<tr>
<td>
<div align="center" class="Vorschaubildchen"><span onclick="Bildwechsel()"> <!-- // Dies ist die Vorschaubildliste. Beim Hinzufg0065006e00200077eiterer Grafiken muss man die Bildnummer um je 1 erhh0065006e! // --> <!-- // Der Bildnummern ms00730065006e0020die selben Bild-URLs zugeordnet sein, wie in den case-Befehlen im JavaScript! // --> <img src="http://img.webme.com/pic/p/premierdivision/1.png" onclick="Bildnummer=1" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/2.png" onclick="Bildnummer=2" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/3.png" onclick="Bildnummer=3" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/4.png" onclick="Bildnummer=4" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/5.png" onclick="Bildnummer=5" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/6.png" onclick="Bildnummer=6" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/7.png" onclick="Bildnummer=7" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/8.png" onclick="Bildnummer=8" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/9.png" onclick="Bildnummer=9" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/10.png" onclick="Bildnummer=10" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/11.png" onclick="Bildnummer=11" alt="" /> <br /> <img src="http://img.webme.com/pic/p/premierdivision/12.png" onclick="Bildnummer=12" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/13.png" onclick="Bildnummer=13" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/14.png" onclick="Bildnummer=14" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/15.png" onclick="Bildnummer=15" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/16.png" onclick="Bildnummer=16" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/17.png" onclick="Bildnummer=17" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/18.png" onclick="Bildnummer=18" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/19.png" onclick="Bildnummer=19" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/20.png" onclick="Bildnummer=20" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/21.png" onclick="Bildnummer=21" alt="" /> <img src="http://img.webme.com/pic/p/premierdivision/22.png" onclick="Bildnummer=22" alt="" /> </span></div>
</td>
</tr>
<tr>
<td>
<table width="100%">
<tbody>
<tr>
<td valign="middle"><a onmouseover="back.src='http://img.webme.com/pic/p/premierdivision/back_red.png';" onmouseout="back.src='http://img.webme.com/pic/p/premierdivision/back.png';" onclick="Bildwechsel(1)"><img src="http://img.webme.com/pic/p/premierdivision/back.png" name="back"></a></td>

<td width="500px"><div class="Hauptbildchen" align="center"><img src="http://img.webme.com/pic/p/premierdivision/tabelle_pd_22.png" name="Galleriebild" alt="" /></div></td>
<td valign="middle"><a onmouseover="forward.src='http://img.webme.com/pic/p/premierdivision/forward_red.png';" onmouseout="forward.src='http://img.webme.com/pic/p/premierdivision/forward.png';" onclick="Bildwechsel(2)"><img src="http://img.webme.com/pic/p/premierdivision/forward.png" name="forward"></td>
</tr>
</tbody>
</table>
<center>
</body>


____________



Vielen Dank Smile


Gruß
Dorian
Beitrag09.02.2010 um 23:04 (UTC)    
Titel:

Das muss doch irgendwie möglich sein?!
Beitrag13.04.2010 um 18:20 (UTC)    
Titel:

Gibt es da keine Möglichkeit?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de