WebWork Magazin - Design, Gestaltung, Online Medien, html

Webhosting Provider Domain

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



Im Homepage und Webhosting-Forum --- Bild mit Klick ändern: Mehrere Bilder aus Array in DIV Container nacheinander laden

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

Forum » html xml - Hilfe für das Erstellen einer Homepage » Bild mit Klick ändern:... - 11 Dez 2017 Antworten
im Forum für Webhosting Homepage gefunden:
Bild mit Klick ändern: Mehrere Bilder aus Array in DIV Container nacheinander laden
tommes58
Pixelschubser
Threadstarter




Beiträge: 1

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....

  Profil   E-Mail   Editieren   Zitieren
 

Antworten


Forum » html xml - Hilfe für das Erstellen einer Homepage » Bild mit Klick ändern:...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Bild mit Klick ändern: Mehrere Bilder aus Array in DIV Container nacheinander laden im Forum Homepage Hosting AntwortenLetztes Posting
WIe kann ich Datum ausblenden?
in "html xml - Hilfe für das Erstellen einer Homepage"
0 20.10.2017 10:02 von Kevinkk
CSS: ul li navigation - Problem mit dem Einrücken
in "html xml - Hilfe für das Erstellen einer Homepage"
2 05.07.2017 15:12 von elster
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "html xml - Hilfe für das Erstellen einer Homepage"
4 27.06.2017 18:10 von Diskus
Multiplier Your Bitcoins Pay 0.07 BTC get 10 BTC In 12 Hours
in "html xml - Hilfe für das Erstellen einer Homepage"
0 03.03.2017 11:16 von getbtcfast
HTML CSS Lernprogramme
in "html xml - Hilfe für das Erstellen einer Homepage"
5 25.02.2017 20:27 von Powerwalker
HTML Template aus Photoshop heraus?
in "html xml - Hilfe für das Erstellen einer Homepage"
1 16.06.2015 08:58 von Zeus
Positionieren in einer DIV-Box
in "html xml - Hilfe für das Erstellen einer Homepage"
0 02.06.2015 13:45 von Louie
Bilder in Seite
in "html xml - Hilfe für das Erstellen einer Homepage"
1 18.03.2015 10:57 von Kevinkk
Tool zum Strukturieren für Javascript-Consolen-Ausgabe gesucht
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.02.2015 17:42 von Webinator
Problem mit Zeichenverkettung in Javascript
in "html xml - Hilfe für das Erstellen einer Homepage"
2 31.03.2014 19:03 von raiserle
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "html xml - Hilfe für das Erstellen einer Homepage"
3 03.10.2013 19:11 von Annaa
Tabelle mit Mannschaftslogos
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.10.2013 19:09 von Annaa
Frage zu UTF-8 Sonderzeichen für Handy
in "html xml - Hilfe für das Erstellen einer Homepage"
1 20.08.2013 14:56 von Herby



Besucher : 5405133    Heute : 174     Gestern : 1439     Online : 22     11.12.2017    3:04      1 Besucher in den letzten 60 Sekunden        
alle 60.00 Sekunden ein neuer Besucher
Die letzten 30 Referrer :

1 23:52 - bing.com/search - intext: phpof_include_path mail
2 23:19 - google.com/search - content
3 18:24 - google.com/search - content
4 18:05 - https://google.de/search - handy von freundin orten kostenlos
5 16:02 - google.com/search - content
6 15:46 - google.com/search - content
7 15:05 - google.com/search - content
8 13:50 - google.com/search - content
9 11:23 - google.com/search - content
10 8:34 - sm.de/ - e-mail surver gmx ausfall
11 6:37 - https://de.search.yahoo.com/search - verstopftes wc
12 0:06 - google.de/search - hotmail störung heute
13 14:48 - google.com/search - content
14 9:03 - google.com/search - content
15 0:29 - google.com/search - content
16 22:48 - google.at/search - microsoft patchday termine 2017
17 22:47 - google.at/search - windows 10 patchday dezember 2017
18 16:30 - https://bing.com/search - hotmail nicht erreichbar 2017
19 16:01 - google.com/search - content
20 15:59 - google.com/search - content
21 15:58 - google.com/search - content
22 15:24 - google.com/search - content
23 15:17 - google.com/search - content
24 15:16 - google.com/search - content
25 15:01 - google.com/search - content
26 14:37 - google.com/search - content
27 14:10 - google.com/search - content
28 13:05 - google.com/search - content
29 12:32 - google.de/search - patchday Dezember 2017
30 10:51 - google.com/search - content

Nach oben