|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
pano
Anmeldungsdatum: 29.01.2006 Beiträge: 1
|
Verfasst am: 29.01.2006 19:07:44 Titel: kleine dynamische bildergalerie |
|
|
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
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 |
|
|
mosspower
Anmeldungsdatum: 01.02.2006 Beiträge: 2
|
Verfasst am: 01.02.2006 13:07:08 Titel: |
|
|
Wenn ich alles richtig verstanden habe (Mittagspause ... 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 |
|
|
|
|
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.
|
|
|
|