Simple Gallery, mit eigenen Features...

Darian

Erfahrenes Mitglied
Hallo Leute,

ich überlege gerade mir eine Simple, und einfach zu erweiternde Gallery zu bauen, und wollte fragen ob ihr da vielleicht schon was kennt was ähnlich ist, was ich erweitern könnte, oder was mir sonst irgendwie helfen könnte.

Bin für alle Infos dankbar.

Folgendes habe ich vor: (siehe Anhang)

Der User soll sich die Kategorien auswählen können, dann gibt es für jede Kategorie wieder Unterpunkte. Wenn diese Punkt gewählt wird, erscheint ein Bild, wo direkt drunter die skrollbaren Thumbnails sind.

Ich dachte da an eine Ordner Struktur, die sich automatisch auslest, und daher die Punkte erstellt. (die Hauptkategorien sind fix)

Desweiteres dachte ich noch für jeden Unterpunkt an ein .txt File, wo Infos stehen, die in der unteren Rechten Box erscheinen.

Ich habe mir schon ein paar Sachen angesehen, aber irgendwie noch nichts brauchbares bzw. einfach erweiterbares gefunden.

Natürlich sollte das dann schon fein aussehen, und daher werde ich sicher auch ein paar jquery Effekte benutzen (fade in,...usw)

Ich freue mich über jeden Namen nach dem ich googeln könnte. ;-9

lg und danke für Infos
Darian
 

Anhänge

  • gallery.jpg
    gallery.jpg
    25 KB · Aufrufe: 37
Hallo Leute,

würde mich natürlich weiterhin noch über Infos freuen, werde aber jetzt trotzdem schon einmal versuchen die Sache selbst in die Hand zu nehmen. (sprich, selbst Coden)

Stosse da aber sogleich an ein paar Fragen:

Ich denke mit ajax (bzw. jquery) könnte ich mit Hilfe eines PHP Skripts die Bilder am Server auslesen, und diese irgendwie als <img src="" /> einbauen.

Derzeit dachte ich an folgende Struktur:

Code:
    <div id="gallery_main">
        <img id="visible_image" style="display:block" src="http://www.tutorials.de/forum/fotos/gallery/flowing-rock.jpg" name="Flowing Rock" />
		<img src="http://www.tutorials.de/forum/fotos/gallery/ladybug.jpg" name="ladybug" />
    </div>
 <div id="gallery_thumbs">
        <div id="button_left">&laquo;</div>
        
        
        <div id="button_right">&raquo;</div>
  </div>
Das erste ist sichtbar, der Rest nicht. Dann müsste ich das mithilfe von JS und einem Fade Effekt ändern.

Und wie könnte ich die Thumbnails automatisch erstellen lassen, in die Box mit der id gallery_thumbs packen, und gleichzeitg dafür Sorgen dass nur die in der box tatsächlich sichbar sind, die die Überlappen nicht. Und mit den Buttons soll ich das dann ja auch Bewegen können, dass die Überlappten erscheinen, und die anderen wieder verschwinden.

<edit> Unterstützt jede Browser marquee, das wäre optimal wenn das noch verwendet wird. Werde mal testen in wie weit ich das marquee mit js ansprechen kann </edit>

Ich denke dank des Screenshots wisst ihr schon was ich meine.

Hoffe dass mir da jemand ein bisschen helfen kann beim Klarheit schaffen.

lg Darian
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück