HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - kleine dynamische bildergalerie

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

kleine dynamische bildergalerie

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
pano



Anmeldungsdatum: 29.01.2006
Beiträge: 1

BeitragVerfasst am: 29.01.2006 19:07:44    Titel: kleine dynamische bildergalerie Antworten mit Zitat

hallo zusammen!

ich habe ein problem, das vielleicht zu simpel erscheinen mag. ich bin da aber irgendwie zu blöd für.
und zwar möchte ich für eine kleine homepage eine dynamische bildergalerie erzeugen. das klappt soweit auch alles mittels des
Code:
document.images.bild.src

aufrufs, in den ich den anzuzeigenden pfad- und dateinamen eintrage ('bild' ist das entsprechende element in meiner html-datei, s.u.). jetzt möchte ich allerdings unter dem bild ebenso dynamisch mitzählen lassen, also etwa 'bild 3 von 25' etc. und da komme ich einfach nicht weiter, weil ich keine simple entsprechung finde zum documents.image-objekt. wenn ich die entsprechende zählvariable im hauptdokument aufrufe, steht sie immer bei eins, wird also nicht mitgezählt. und wenn ich etwa
Code:
document.write(nummer)

in die funktion setze, wird zwar mitgezählt, aber in einem neuen, ansonsten leeren fenster Sad

ich habe wirklich keine idee, wie ich dieses problem lösen soll. wie gesagt, es ist bestimmt so simpel, das es weh tut, aber ich blicke nicht durch...

tausend dank schon jetzt!

philipp

hier mein code:

gal_01.html
Code:
<script src="gal.js" type="text/javascript"></script>
<script type="text/javascript">
var nummer = 1;
    max = 8;                             // bilderanzahl eintragen
    galname = "20051015";      // ordner eintragen im format YYYYMMDD
</script>

SCHNIPP

     <A HREF="javascript:backward(galname)"><IMG SRC="../img/ga_zur.gif" WIDTH="30" HEIGHT="30" BORDER="0" ALT="Prev"></A>
     <A HREF="javascript:forward(galname)"><IMG SRC="../img/ga_vor.gif" WIDTH="30" HEIGHT="30" BORDER="0" ALT="Next"></A>

     <BR><IMG SRC="20051015/1.jpg" NAME="bild">


gal.js
Code:
var filename = "";

function backward(g_nr){
window.status='';
if (nummer>1){
   nummer--;
   filename = g_nr + "\/" + nummer + ".jpg";
   document.images.bild.src=filename;
   }
else {
     nummer = max;
     filename = g_nr + "\/" + nummer + ".jpg";
     document.images.bild.src=filename;
     }
}

function forward(g_nr){
window.status='';
if (nummer <= max){
   nummer++;
   filename = g_nr + "\/" + nummer + ".jpg";
   document.images.bild.src=filename;
   }
else {
     nummer = 1;
     filename = g_nr + "\/" + nummer + ".jpg";
     document.images.bild.src=filename;
     }
}
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
mosspower



Anmeldungsdatum: 01.02.2006
Beiträge: 2

BeitragVerfasst am: 01.02.2006 13:07:08    Titel: Antworten mit Zitat

Wenn ich alles richtig verstanden habe (Mittagspause Smile ... ich würde einfach eine einzige Methode machen (nicht zwei forward, backward) sondern einfach changeImage() oder so aehnlich ... und 1 oder -1 uebergeben, d.h. eins raufzählen oder eins runterzählen -> CURRENT_IMAGE_NUMBER += 1 oder -1 ... dann die src-Einstellungen durchführen und einfach CURRENT_IMAGE_NUMBER auf Oberfläche mittels DOM anzeigen ... Beispiel aus HTML-Dokumnet:

Code:
<span id="number">0</span>
...

JavaScript - Code nach src-Update:

Code:
var numberNode = document.getElementById("number");
numberNode.childNodes[0].nodeValue = CURRENT_IMAGE_NUMBER;



.... funzzt, wenn ich alles richtig verstanden habe ...

Gruß
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.