Dynamische Bild Thumbnail Galerien mit Javascript herstellen

Du scheinst, eine Version des Internet Explorer zu verwenden. Für eine sicherere Grasenerfahrung bitte betrachtenund

Wenn du hier neu bist, kannst du zu unserer RSS Zufuhr, sowie unterzeichnen wünschen zu unserem Rundschreiben (auf oberem rechtem Menü) zum der in hohem Grade informativen Artikel… und des NR. nie wöchentlich zu erhalten, wir Spam!

Was dieser Artikel wirklich unterrichtet, bist du, wie man eine Javascriptgalerie entwickelt, die durch einen PHP Index - eine sehr häufig benutzte Kombination unterstützt wurde für, als versuchend, eine nette und nützliche Galerie aufzubauen.

Was ist eine thumbnail Galerie?

Selbstverständlich bevor wir alles beginnen, müssen wir wissen, was genau eine thumbnail Galerie ist und was tut es nützlich ist für (oder in den populäreren Bezeichnungen - was es?). Sich erinnern, an daß als man Netzdatenbanksuchroutinen gerade beginnt, Bilder und Netzanschlußgeschwindigkeiten zu stützen waren so langsam, daß wir sie in den einzelnen Kilobits maßen? Selbstverständlich du. Jetzt war der Job einer thumbnail Galerie und ist noch, einige kleinere Vorbetrachtungen der ursprünglichen Bilder anzuzeigen.

Kleiner nicht nur in den Maßen aber auch in der Akte Größe - dieses ist sogar wichtig. Dieses würde bedeuten, daß niemand, das die Galerie besuchen würde, nicht angefordert würde, alle Bilder zu downloaden, aber das nur eins, das er benötigt oder wünscht. Dieses speichert dich Bedienerverkehr und ihn, Zeit. Das Problem tritt, wenn die meisten diesen thumbnail Galerien dies genau tun nicht können - vermeiden, den Benutzer zu lassen, alle Akten zu downloaden auf. Sogar wenn du deine Bilder mit CSS und Javascript die Größe neu bestimmst, oder du einfach finden sich Gebrauch HTML Attribute für das Die Größe neu bestimmen du mit einem Bündel minderwertigen thumbnails.

Um dieses und Angebot thumbnail Galerien zu vermeiden da sie mögen sollten, mußt du kleinere Abbildungen der großen Bilder verursachen die du beabsichtigst in deine Galerie einzusetzen. Es gibt einige Weisen, dies zu tun - durch einen Stapelprozeß vor dir die Galerie oder einen Index auf dem Bediener einfach verwenden hochladen.

Verwenden von Javascript, um dynamische Galerien zu fälschen

Heutzutage bohren statische Galerien eher, also für dynamische Galerien gehen. Um eine dynamische Galerie von einer statischen thumbnail Galerie herzustellen kannst du Javascript verwenden. Du machst es zu eine dynamische Galerie, indem Sie einfach an allen thumbnails ein Reihen Fallzufuhren anwenden. Noch solltest du die Galerie sogar für Benutzer halten, die nicht Javascript verwenden. Den Index unten benutzen:

  <ul id=“ thumbnails“ > <li> <a href=“ Galerie/Temperatur/img1.jpg“ > <img src=“ Galerie/Temperatur/img1_th.jpg“ alt=“ img1_th.jpg“/> </a> </li> <li> <a href=“ Galerie/Temperatur/img2.jpg“ > <img src=“ Galerie/Temperatur/img2_th.jpg“ alt=“ img2_th.jpg“/> </a> </li> [… und so weiter mit den thumbnails…] </ul>

Jetzt kannst du eine, dynamische Galerie mit Javascript herzustellen beginnen! Viel Glueck!

In Verbindung stehende Artikel - Yahoo Bibliothek mit PHP | verursachen, Del.icio.us Klon | Bau-Aufstellungsort zu besitzen wie Reddit oder Digg

(Keine Bewertungen dennoch)

Laden…

In einem Leser unterzeichnen |

Verbindungen kannst du das Interessieren finden -

Diese Eintragung wurde am Mittwoch, dem 5. September 2007 bei 7:40 morgens veröffentlicht und wird unter Tutorials, PHP, Netz kategorisiert. Du kannst allen möglichen Antworten zu dieser Eintragung durch die Magie von RSS 2.0 folgen. Du kannst eine Antwort oder trackback von deinem eigenen Aufstellungsort auch lassen.

Ja! Anmerkungen sind FOLGEN, also frei fühlen, zurück zu den in Verbindung stehenden und sinnvollen Pfosten zu verbinden.