Coder Board Community

Ich versuche grade so ein paar kleine Extras umzusetzen und unter anderem möchte ich eine kleine Galerie bauen bei der ich in einer Übersichtsseite sagen wir 5 Bilder nebeneinander und 5 Reihen untereinander habe. Wenn mit der Maus nun ein Bild berührt wird soll das Bild automatisch in die Bitte fahren und größer werden bis es in Höhe oder Breite 90% vom Bildschirm erreicht hat. Das ganze auch noch zeitgesteuert so das das Bild nicht einfach springt sondern wie eine Animation sich bewegt. Die Zeit würde ich so berechnen das z.B. wenn der Anwender eine Auflösung von 1024x768 hat und das Bild 100x100 Pixel ist dann die Differenz innerhalb von 2 Sekunden erreicht sein muss. Das bedeutet rechnerisch 768 Pixel höhe minus 100 Pixel vom Bild macht 668 Pixel und das durch zwei da das Bild ja nach oben und unten größer wird. Macht also 334 Pixel in 2 Sekunden. Wenn man von 10 Bildern pro Sekunde ausgeht was für sowas ja genügen würde hätten wir 20 Schritte und somit 334 Pixel geteilt durch 20 Schritte. Pro zehntel Sekunde muss das Bild also 16,7 Pixel größer werden damit es nach 2 Sekunden die volle größe hat. Ich würde dann einfach auf 17 Pixel gehen.

Lange Rede kurzer Sinn, das Skript muss also die Bildschirmgröße des Users ermitteln was ja kein Problem ist, muss wissen wir groß das Thumbnail ist was ja auch kein Problem ist und muss dann das Bild dynamisch pro zehntel Sekunde um X Pixel vergrößern.

Jemand ne Idee wie das gehen könnte? Das es geht weiß ich nur mir fällt kein Ansatz ein wie ich das machen könnte.

Ach ja, das Bild soll wenn es groß ist ein rotes X in der rechten oberen Ecke haben und wenn man da drauf klickt wieder zurück fahren wir es auf gegangen ist. Außerdem soll rechts und links ein Pfeil sein mit dem ich das nächste oder vorherige Bild auswählen kann und das soll dann ebenfalls animiert aufgehen wie das erste.

Ich weiß, ich komm auf Ideen aber ich möchte das unbedingt so haben da ich sonst auch etwas fertiges nehmen könnte. Es gibt massig Skripte für Galerien und weiß der Teufel.

Oh da gibts jede Menge zu lesen. Aber wenn mein Englisch nicht zu schlecht ist dann gibts da sowas in der Richtung wie ich vor habe mit meiner Suche von wegen Sorting Tables und AJAX blabla. Werd mir die Seite auf jeden Fall mal genauer anschaun.

Ob OnMouseOver oder OnClick oder sonst was spielt keine Rolle da das ja nur der Auslöser ist und nicht das Ergebnis.

Ich hab auf der Seite jetzt mal geschaut und entweder bin ich blind oder die Seite ist doch falsch. Ich finde weder die Bibliotek noch irgendwelche Infos über die Bildfunktionen. Falls jemand da mehr Glück hatte das zu finden bitte mal den direkten Link posten. Alleine die Startseite gibt mir keinen Aufschluss darüber wo ich was finde

Ist das was ich hier vor habe einfach nicht umsetzbar oder weshalb antwortet keiner mehr?

Ich hab da schon so das eine oder andere versucht aber irgendwie finde ich einfach keine richtige Lösung. Entweder steht direkt schon da klappt nur im IE oder halt das dies und jenes dafür sein muss.

Zufällig hab ich aber heute Morgen schon eine Seite gefunden wo in etwa sowas ist wie ich meine.

http://www.mysqldumper.de/screenshots/

Ich werd mir mal anschauen wie die das gelöst haben. Glücklicherweise hab ich auch zu dem Programmierer von MySQLDumper ein paar Kontakte und kann den ggf. fragen ob er mir das zur Verfügung stellen kann.

Edit:
Hab grade raus gefunden die nutzen folgendes Script
http://www.huddletogether.com/projects/lightbox2/#overview
Wenn ich das nutze würde das zwar meinem Vorhaben restlos alles selbst zu programmieren wiedersprechen aber bevor ich die ganzen Funktionen selbst schreibe usw. dann ggf. doch lieber auf die Art. Ich muss nur noch raus finden wie ich bei dem Teil festlegen kann das ein Bild was größer ist wie der nutzbare Bildschirminhalt dann verkleinert wird. Das Skript zu nutzen ist jedenfalls so simpel das geht in 2 Minuten einzubauen und Links umzuwandeln

Edit2:
Es gibt von dem ganzen eine Abwandlung / Verbesserung die nennt sich dann "Lytebox" und die ist mal so richtig genial. Funktioniert bei mir sowohl im FF als auch IE und macht echt haar genau was ich wollte. Auch bilder die 20 mal so groß sind wie das nutzbare Browserfenster werden automatisch verkleinert und so. Außerdem kann man in dieser so genannten lytebox sogar Frames einbinden so das man z.B. schön ein Formular da rein packen kann oder sowas in der Art. Echt genial das ganze