Hi,

die letzten "Kritiken" haben mich dazu bewegt, meine Gallerievorstellung zu überarbeiten. Ich möchte sie nun per JS reallisieren. Folgender ist der aktuelle Stand:

Javaskript

   Spoiler

	Javascript-Quelltext
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15	function pichor() { this.aktiv = setTimeout("picture()", 1000); } function clearhor() { clearTimeout(this.aktiv); } function picver() { this.aktiv = setTimeout("picture()", 1000); } function clearver() { clearTimeout(this.aktiv); } function picture() { }

Seitenquelltext

   Spoiler

PHP-Quelltext

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

$files = scandir($_SERVER['DOCUMENT_ROOT'].'/galerie/wir/hor/thumbs');   foreach ($files as $data) {     if ($data != "." && $data != "..") {       echo '            <a onmouseover="pichor()" onmouseout="clearhor()" href="http://www.diesite.com/galerie/wir/hor/'.$data.'" target="_blank" class="showhor">';       echo '              <img src="http://www.die site.com/galerie/wir/hor/thumbs/'.$data.'" alt="" class="imgwidth">';         echo '            </a>';     }   } echo '<div class="clear"></div>';   $files = scandir($_SERVER['DOCUMENT_ROOT'].'/galerie/wir/ver/thumbs');   foreach ($files as $data) {     if ($data != "." && $data != "..") {       echo '            <a onmouseover="picver()" onmouseout="clearver()" href="http://www.diesite.com/galerie/wir/ver/'.$data.'" target="_blank" class="showver">';       echo '              <img src="http://www.diesite.com/galerie/wir/ver/thumbs/'.$data.'" alt="" class="imgwidth">';         echo '            </a>';     }   }

Die Bilder werden derzeit nebeneinander aufgereiht. Wenn man nun eine Sekunde über ein Bild verweilt, soll es vergrößert werden (also das große Original geladen). Ich bin nun (wie oben zu sehen) soweit, dass die entsprechende Funktion nach einer Sekunde ausgeführt wird. Nun habe ich folgende Probleme:
1. Wie kann ich nun das entsprechende Bild zentriert und groß laden?
2. Wie lasse ich das Bild wieder "verschwinden"? Ich hätte es ja fast per timer gemacht, aber ich möchte lieber, dass der User dies aktiv macht.

Vielen Dank schon mal für die Hilfe.

Gruß, Toast

Ich wollte ja kein PlugIn oder sowas, sondern mir selbst was entwerfen . Solche Sachen (können) mir lediglich als Idee dienen.

Gruß, Toast

Hey,

Danke für die Antwort. Also das Ganze scheint soweit sinnig - Dennoch: Einige Fragen bleiben:

Wie kriege ich es denn hin, dass ich dem Bild eine ID zuweise (um es anschließend mit CSS anzusprechen)? Oder lasse ich lieber ein Div dann anzeigen (was sonst nicht angezeigt wird, aber ne ID hat), welches formatiert ist, und lasse das Bild dieses Div nur ausfüllen.
Und ist es möglich, dass ich die Adresse des Bildes von dem Link übernehmen kann (sonst müsste ich ja zig Funktionen schreiben - denke also, dass das geht)?
Noch eine letzte Frage . Wenn das Bild nun groß ist, und ich möchte, das es beim Draufklicken kleiner wird. Wie mache ich das? Klar ist ja mit der onclick-Funktion, aber die muss doch dann im Image-Tag rein, oder nicht?

Sorry, wenn die Fragen doof sind, aber in Java-Skript fühle ich mich definitiv noch net zu Hause .

Gruß, Toast

Danke für den (lustigen) Ling .
Da habe ich ne schöne Idee gefunden, wo die Sache per Pop-Up-Fenster funktioniert. Es kam dort von meinem Browser keine Aussage mit "Popup blockiert". Wenn ich diese Variante versuche nachzubauen, kommt jedoch diese Meldung. Gibt es da einen Trick
Mit der Übernahme war ja eigentlich logisch, dass das so geht. Ist ja bei anderen Programmiersprachen genauso... Mist, dass ich das gefragt habe .

Wie oben gesagt, versuche ich nun die Popup-Variante nachbauen. Dabei bin ich auf das Problem gestoßen, dass aus irgend einen Grund das ganze nicht eine Sekunde wartet, sondern sofort startet. Wieso geschieht das?





Danke schon Mal soweit. Ich denke, dass sind die letzten Fragen

Gruß, Toast

Gut, für's erste nehme ich die Lightbox. Muss erst mal reichen - aber nichts desto trotz will ich noch mein Vorhaben umsetzen - also immer nur her mit den Antworten.

Gruß, Toast

P.S. Wie passe ich die an die Auflösung an (ja - ich weiß, das ist jetzt Faulheit, weil ich die Stelle in der CSS net suche. Aber ist schon so spät )
P.P.S. Was passiert, wenn JS deaktiviert ist

Zitat von »Mckbrother«

Also komm, wenn es Dir zu spät ist, dann mach es morgen
Wenn Javascript nicht aktiviert ist, dann passiert nichts.
Das ist aber auch bei jeder anderen Javascript-Galerie der Fall...

Gruß,
Mckbrother

Haha

Hast ja Recht. Neuer Tag, neue Energie. Ich habe es mit folgender Änderung in der CSS-Datei hinbekommen, dass das Bild nur noch 50% der Weite ausfüllt

(das max-width)

Nun habe ich aber einen großen, weißen Container unter dem Bild, der wahrscheinlich dadurch entsteht, dass JS das Original-Bild für seine Berechnungen nutzt.
Zudem finde ich nicht den Container, der die unter Leiste steuert (hätte eigentlich gedacht, das wäre #hoverNav). Folglich ist die Leiste noch immer viel zu breit.
Und noch ein letztes Problem . Ich kann zwar die Breite beschränken aber auf mein max-height rwird nicht reagiert, sprich: die vertikalen Bilder kann ich iwie net begrenzen.

Gruß, Toast

Edit: habe nach ausführlichem Googeln meine Lösung gefunden. Danke an alle für die Hilfe