WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Bild mit Klick ändern: Mehrere Bilder aus Array in DIV Container nacheinander laden » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Die letzten 5 Postings in diesem Thema » Alle anzeigen
von tommes58
Hallo liebes Forum,

ich bin schon lange am recherchieren und komme nun nicht ganz weiter. Ich denke, dass mein Vorhaben nicht so anspruchsvoll ist, dennoch benötige ich kompetente Hilfe.

Ich habe eine Webseite dir nur aus Bildern besteht.
Diese Bilder sind horizontal nebeneinander angeordnet und jeweils separat in einem DIV Container.
Jeder DIV Container beinhaltet ein Projekt.
Bei Klick auf ein Projekt, sollen dann weitere Bilder des Projektes nachgeladen bzw. gezeigt werden.

Das sieht so aus:

<div class='picture linkopacity'><img src="IMG/01/01.png"></div>
<div class='white'></div>

<div class='picture linkopacity'><img src="IMG/02/01.png"></div>
<div class='white'></div>

<div class='picture linkopacity'><img src="IMG/03/01.png"></div>
<div class='white'></div>

usw.

Mit dieser Funktion ändere ich aber nur den Inhalt eines Containers, welche Parameter muss ich hinzufügen damit die anderen DIV Container auch einen Bilderwechsel mit der selben Funktion erhalten?

****************************

<script type="text/javascript" language="javascript">
var Dir = "img/";
var Bilder = Array("1.jpg", "2.jpg", "3.jpg", "4.jpg");
var i = 0;

function wechsel(Nr, k)

{

if(k == '+')
{
i++;
}
else
{
i--;
}

if(i>=Bilder.length)
{
i = 0;
}
else if(i<0)

{
i = Bilder.length-1;
}
window.document.images[Nr].src = Dir + Bilder[i];
}

</script>

<img src="img/1.jpg" name="bildname" onClick="wechsel('bildname', '+')" />

***************************


Stehe bisschen auf dem Schlauch....

Nach oben