mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 12:01 Benutzername: Passwort: Auto-Login

Thema: Bildaustausch per Klick und Link mit Javascript vom 20.03.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bildaustausch per Klick und Link mit Javascript
Autor Nachricht
miss_cherry
Threadersteller

Dabei seit: 07.01.2007
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Di 20.03.2012 13:13
Titel

Bildaustausch per Klick und Link mit Javascript

Antworten mit Zitat Zum Seitenanfang

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" />

 
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Di 20.03.2012 15:27
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<a href="javascript:weiter(1)">1</a>
<a href="javascript:weiter(2)">2</a>
<a href="javascript:weiter(3)">3</a>
und
Code:
function weiter(bla)
{
   a= (bla==null)? a+1 : bla;
    if (a>3) a=1;
    document.getElementById('meinBild').src = pic[a].src;
}
  View user's profile Private Nachricht senden
Anzeige
Anzeige
miss_cherry
Threadersteller

Dabei seit: 07.01.2007
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Di 20.03.2012 16:58
Titel

Antworten mit Zitat Zum Seitenanfang

super, hat geklappt! * huduwudu! *
vielen dank!!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bildaustausch mit JavaScript - getauschtes Bild mit Link
dreamwaever frameset per klick auf link zu 2 neuen zielframe
bei klick auf link - neues fenster im vollbildmodus starten
DivLayout bei Klick auf Link soll nicht wieder zum Anfang
[javascript] bei klick div-layer zeigen
text mit javascript bei klick einblenden
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.