mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 06:27 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 12: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: 39
Geschlecht: Männlich
Verfasst Do 07.04.2005 13: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 13: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 13: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 CSS UL LI NAVI
navi gesucht
navi mit flash 8
Typolight - Navi
3 navi (css) probleme
Problem mit css 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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB