mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 10.12.2016 04:10 Benutzername: Passwort: Auto-Login

Thema: Bilder Navi vom 07.04.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bilder Navi
Autor Nachricht
GauchO
Threadersteller

Dabei seit: 15.02.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 07.04.2005 11:29
Titel

Bilder Navi

Antworten mit Zitat Zum Seitenanfang

Hallo ich nochmal

So noch ne Frage kann mir jmd mal sagen wo ich ein Tutorial finde wo erläutert wird wie man eine Bildernavi baut(Javascript sicherlich)
Ich meine sowas ein seperates Fenster geht auf und man kann mit weiter und zurück durch die vorhandenen Bilder navigieren so ne Art Galerie.

Danke schon im Vorraus.
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Do 07.04.2005 12:37
Titel

Antworten mit Zitat Zum Seitenanfang

Immernoch keine Antwort? muss ich halt *Whaazzzz uppp?*
Ahhlso...
gibt da generell 2 Möglichkeiten..
Entweder du schreibst alle Bildnamen in einen Array und sagst ihm dann beim klick, er soll einfach das nächste Bild aus diesem anzeigen, oder du nummerierst die Bilder durch (Bild1.jpg, Bild2.jpg etc)..
sieht dann bei ersterem in etwa so aus:

Code:

<script type="text/JavaScript">
  var Bilder = new Array("blubb.jpg", "bla.jpg", "xyz.jpg");
  // ________________________________________________________________________-
  function wechsel(x) {
   document.getElementById('Bild').src=Bilder[x];
   if(x!="0") {
    document.getElementById('zurueck').innerHTML="<a href=\"javascript:wechsel("+(parseInt(x)-1)+")\">zurueck</a>";
   } else {
    document.getElementById('zurueck').innerHTML="";
   }
   if(x!=(Bilder.length-1)) {
    document.getElementById('vor').innerHTML="<a href=\"javascript:wechsel("+(parseInt(x)+1)+")\">vor</a>";
   } else {
    document.getElementById('vor').innerHTML="";
   }
  }
</script>

in den head - da schreibst dann in der ersten Zeile halt die Bilder rein *zwinker*

der Body kann dann so aussehen:

Code:
 <img src="blubb.jpg" alt="" id="Bild">
 <br>
 <span id="zurueck"></span>
   
 <span id="vor"><a href="javascript:wechsel('1')">vor</a></span>


erste Zeile is halt das "Hauptbild" (wichtig hier nur _id="Bild"_)...
das da drunter sind halt der vor- und zurück-button...
kannst Bilder für einsetzen oder was auch immer, Leerhaltedingers etc.. halt was zwischen <a...> und </a> liegt.

Dann musst hlat noch im oberen script das ändern - will jetz hier nicht alels erklären, lässt sich sicher auch Googeln, was was macht und so *bäh* sollst ja auch was lernen..

btw: hab das eben fix zusammengeschrieben und niochtma wirklcih getestet, aber soltle schon gehn


//edit: ups.. 2.Möglichkeit vergessen... aber bin ich jetz zu faul für *bäh*


Zuletzt bearbeitet von fyll am Do 07.04.2005 12:38, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
GauchO
Threadersteller

Dabei seit: 15.02.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 07.04.2005 12:45
Titel

Antworten mit Zitat Zum Seitenanfang

Super ich danke dir das du dir die Mühe gemacht hast werd das mal probieren.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Farbe der Navi
navi gesucht
[Solved] [JS] JS-Navi
Typolight - Navi
CSS UL LI NAVI
Horizontale ul-Navi
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.