Hallo,
ich möchte gerne eine Bildergallerie auf meine Web-Seite machen.
Ich habe diesbezüglich schon verschieden JAVA-Scripte getestet.
Mein Problem ist nun folgendes:
Bei Verwendung von ISDN oder einem 56K Modem braucht das Laden der Bilder zu lange. Alle Bilder, die im Script aufgerufen werden, werden vor dem ersten Anzeigen im Hitergrund geladen. Bei 10 Bildern dauert das ewig obwohl die Bilder nur zw. 20 und 50 KB haben.
Im zweiten Versuch habe ich mir mir Photoshop eine Web-Gallerie erzeugen lassen. Diese funktionert recht gut. Sie hat allerding den Nachteil, dass die einzelnen Bilder alle x Sekunden über ein „“ d.h einen Refresh geladen werden. Je länger jemand sich die Bilder also ansieht um so mehr Transfervolumen hat er da jedes Bild immer wieder neu geladen wird.
Gibt es nicht einen Mittelweg zwischen beiden Lösungen ?
z.B. Ein Script, das die Bilder nicht alle erst herunterläd sonder ersteinmal nur 3 diese anzeigt und im Hintergrund die nächsten Bilder holt.
Kein Mensch warte doch über eine Minute um ein paar Bilder zu sehen.
Danke
Arnfried
Hi,
ich kann mir keinen Grund vorstellen alle Bilder auf eine Seite zu packen. Mit Thumbnails (also stark verkleinerten Bilder) fährst du sicher einen besseren Weg. Mache zu jedem Bild einen Thumbnail, dessen Größe nicht über 1 KB liegen sollte, so kann der Benutzer selber entscheiden, welches Bild er sich ansehen will.
Den Thumbnail verlinkst du einfach und öffnest das zugehörige Bild im selben Fenster, oder mittels window open Funktion in einem neuen.
Falls die Bilder nacheinander angesehen werden sollen, kannst du dies mittels „weiter“ „zurück“ links lösen. Prinzipiell ist es dann auch möglich das nächste Bild als Bildobjekt vorzuladen, während der Benutzer sich das vorhergehende Bild hoffentlich lange genug anssieht. Alle Bilder vorladen bei einer Bildergallerie würde ich allerdings nicht, vielleicht will der Besucher sich gar nicht alle ansehen. Gruß DP
<!-- Original: Ricocheting ([email protected]) -->
<!-- Web Site: http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! Http://javascript.internet.com -->
<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == „Stop“) ? „Start“ : „Stop“;
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == „Stop“) {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout(„rotate()“, rotate_delay);
}
}
// End -->
Image Slideshow
Cart
AAT
Boat
Enterprise
E-Wing
F-18
Klingon
Landing Craft
Hover Racer
Sith