miss_cherry
Threadersteller
Dabei seit: 07.01.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 20.03.2012 13:13
Titel Bildaustausch per Klick und Link mit Javascript |
|
|
Hallo,
ich gestalte grade eine Website. Vorab muss ich sagen, dass ich nicht allzu viel Ahnung von Javascript habe. Allerdings möchte die Kundin einen Bildaustausch über Javascript haben.
Wenn man auf das Bild klickt soll das nächste Bild kommen usw. An der Seite gibt es noch Links die genau das gleiche bewirken sollen, also wenn man darauf klickt kommt das nächste Bild usw. Im Prinzip ein Bildaustausch mit Klick auf das Bild sowie über Links. Man findet bei google entweder nur Scripts für Bildtausch per Klick oder für Bildtausch per Link. Also habe ich versucht die beiden zu kombinieren, das klappt auch nur nicht in der richtigen Reihenfolge. Also wenn ich per Link zB bis zum 2. Bild klicke und dann auf das Bild zum eigentlich 3. Bild klicke, kommt statt dem 3. Bild zB das 1. Bild. Ich hoffe das war verständlich? Ich möchte, dass egal mit welcher Methode man auf das nächste Bild klickt und bei welchem Bild man sich gerade befindet dass der Bildaustausch in der richtigen Reihenfolge stattfindet. Kann mir jemand helfen?
Hier der Code:
Code: |
head:
<script type="text/javascript" language="JavaScript">
pic = new Array();
pic[1] = new Image(); pic[1].src = "bild1.jpg";
pic[2] = new Image(); pic[2].src = "bild2.jpg";
pic[3] = new Image(); pic[3].src = "bild3.jpg";
var a=1;
function weiter()
{
++a;
if (a>3) a=1;
document.getElementById('meinBild').src = pic[a].src;
}
function swap(Bildname,BildURL)
{
document.images[Bildname].src = BildURL;
}
</script>
body:
<a href="javascript:swap('bild01','bild1.jpg')">1</a>
<a href="javascript:swap('bild01','bild2.jpg')">2</a>
<a href="javascript:swap('bild01','bild3.jpg')">3</a>
<img name="bild01" ID="meinBild" onclick="weiter();" src="bild1.jpg" />
|
|
|