Antworten auf deine Fragen:
Neues Thema erstellen

Visual Lightbox - Vorschau auf ein Bild reduzieren -

U

Ubo

Guest

Hallo
Ich möchte gerne eine Projekt-Galerie anlegen, jedoch nicht jedes Thumbnail klein anzeigen. Ist es möglich, eine themenbezogene Galerie mit einem Thumbnail anzuzeigen? Und wenn man dann darauf klickt, läuft die gesamte Bilder-Show ab.

Vielen Dank für eure Antworten und Gruss
Ute
 

sokie

Mod | Web

AW: Visual Lightbox - Vorschau auf ein Bild reduzieren -

hallo Ubo,
alles was html/css/javascript ist, lässt sich irgendwie so manipulieren, wie man es haben will. Allerdings muss man dafür wissen worum es geht. Ein Link zu einer Beispielgalerie, oder deiner Seite würde das ermöglichen.
 
U

Ubo

Guest

AW: Visual Lightbox - Vorschau auf ein Bild reduzieren -

Hallo
Danke vielmals für deine Antwort: Der Link wäre wie folgt:
Dort siehst du die ganzen Thumbnails. Ich würde einfach gerne eins anzeigen und von dort aus die Bildergalerie laufen lassen.

Danke sehr fürs Anschauen!
Gruss Ute
 

cebito

undefined

AW: Visual Lightbox - Vorschau auf ein Bild reduzieren -

Indem du Bilder die nicht angezeigt werden sollen auf display:none setzt.

HTML:
<a rel="galerie" class="vlightbox" href="images/Firmen/Gfeller_Informatik/data/images/nachher_blick_richtung_kochzeile.jpg" title="nachher_Blick_Richtung_Kochzeile"><img src="images/Firmen/Gfeller_Informatik/data/thumbnails/nachher_blick_richtung_kochzeile.png" style="display:none;" alt="nachher_Blick_Richtung_Kochzeile"/></a>
usw. wie hier beschrieben Visual Lightbox Version-3_0-Text (zu Punkt 3 runterscrollen)


Edit: hatte mich verguckt ;)
 
Zuletzt bearbeitet:
U

Ubo

Guest

AW: Visual Lightbox - Vorschau auf ein Bild reduzieren -

Hei, genial! :D Vielen Dank! Daran merkt man halt, dass ich eine selfmade-Webgestalterin bin. Solche Tricks sind so logisch, aber da fehlt mir einfach (noch) die Routine.
Gruss Ute
 

sokie

Mod | Web

AW: Visual Lightbox - Vorschau auf ein Bild reduzieren -

Hallo Ubo,
so,logisch ist das gar nicht - eigentlich solltest du es genau so nicht machen.
da die Sache ohnehin über jquery läuft, wärees auch sinnvoll die Bilder per jquery auszublenden.
der Hintergrund ist der:
non obtrusive Javascripts wie die Lightbox lässen es zu, dass auch bei abgeschalteten Javascript wenigstens die Bilder angesehen werden können. wenn du die nun per css ausblendest, steht der in Regen, der kein Javascript hat.
also, die inlinestyles (also style="display:none") wieder entfernen, und stattdessen unter dem schliessenden </body> folgendes script notieren:
Code:
<script type="text/javascript">
  $("#vlightbox a:gt(0)").css("display","none");
</script>
das blendet auch alle a elemente ausser dem ersten aus -allerdings nur für die jenigen, die javascript aktiviert haben.
 
U

Ubo

Guest

AW: Visual Lightbox - Vorschau auf ein Bild reduzieren -

... dein Beitrag ist genau das, was ich mir vorgestellt hab! Und diejenigen, die Java nicht eingestellt haben, die haben halt einfach Pech gehabt ;-) (wie heisst es so schön: man kannst ja nie allen recht machen).
Das erinnert mich an xhtml und den Befehl target blank. Fehlermeldung hin oder her, das bleibt bei mir einfach drin. Ansonsten ist es nicht das, was ich mir vorstelle...

Vielen Dank für den Input und eine gute Nacht!
Ute
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.640
Beiträge
1.538.508
Mitglieder
67.557
Neuestes Mitglied
azmostbethaot
Oben