✔ Lightbox nur über Link ohne Thumbnail

Status
Nicht offen für weitere Antworten.
Freakt

Freakt

Erfahrenes Mitglied
Ich bin noch ziemlich neu was das HP gestalten angeht, aber ich habe mich in diesen lightboxeffekt verliebt und möchte den unbedingt in meiner Galerie einbinden.
Jetzt habe ich aber das Problem das ich meine thumbnails nicht so Positioniert bekomme, das sie perfekt in mein Hintergrundbild passen, da dachte ich mir: Ist ja einfach, dann mache ich die Thumbnails direkt in die Grafik fest rein (in PS) und setze da nur einen Link drauf....
aber dann kann ich nicht mehr den Lightbox effekt ausführen, anscheinend kann man nur ein kleines Bild verlinken um LB zu machen, aber man kann nicht einfach einen Link auf den hintergrund setzen und der soll dann einen bestimmten Bildpfad als LB ausführen... oder bin ich nur zu doof dazu?

Ich danke für eure hilfe
TOm
 
Hi

Also ich habe das gleiche Problem. Habe ein imagemap auf den objekte anklickbar sind. nun will ich dass diese objekte in lightbox aufgehen aber ich kriege es auch nicht hin.

In the lightbox.js file, find the line:
var anchors = document.getElementsByTagName("a")
and change it to
var anchors = document.getElementsByTagName("area")

then place "rel=lightbox" in all your area tags for the map
needless to say, you'll need a seperate .js file if you want to still maintain "normal" functionality
Zum Vergrößern anklicken....

In der lightbox.js habe ich die zeilen zu ändern auch nicht gefunden (var anchors ...)
Hat jemand einen Tip?
Man soll auch eine separate .js datei behalten? Unter welchen namen soll man sie speichern? und wo
Sorry für die dummen Fragen, bin etwas mit Scripten unbeholfen...
Ciao
 
Hi,

wie ich gerade seh, ist die "ImageMap" nun neben den Links in der aktuellen Lightbox 2.04 implementiert:

Code: 
var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');
Daher findest du vermutlich auch nicht die Zeile var anchors = document.getElementsByTagName("a") im Scriptcode. ;)

Bei der Vorgängerversion wäre eine weitere Script-Datei erforderlich gewesen, wenn weiterhin die normale Funktion für die Links benötigt wird.

Der Aufruf lautet so:

Code: 
<area shape="rect" coords="11,10,59,29"
          href="pfad/zur/grafik.jpg" rel="lightbox" alt="..." title="...">

<!-- Image-Set -->

<area shape="rect" coords="11,10,59,29"
          href="pfad/zur/grafik.jpg" rel="lightbox[gallery]" alt="..." title="...">
und funktioniert bei mir tadellos. :)
 
Ich habe die untenstehende Image Map in meiner Homepage und versuche gerade das Lightmap-Skript in Version 2.0.4 zu integrieren. Wenn ich aber wie in der ersten definierten Area rel="lightbox" einfüge und mir die Seite dann anzeigen lasse, wird das Fenster zwar schwarz, aber es wird kein Bild angezeigt. Was mache ich falsch? Das Skript ist korrekt in die Seite eingebunden und wenn ich nur einen Textlink auf ein Bild mache wird dieses wie erwartet angezeigt, nur in der Image Map geht das halt leider nicht
.
Code: 
<map name="grundriss" id="grundriss">
 <area shape="poly" coords="50,9,50,10,50,110,65,110,72,105,81,101,90,99,141,99,141,68,153,68,153,57,116,57,116,9,50,9" href="raeume/wartezimmer1.jpg" rel="lightbox" alt="Wartezimmer" title="Wartezimmer" />
 <area shape="rect" coords="121,9,235,53" href="#" alt="CTG Raum" title="CTG Raum" />
 <area shape="poly" coords="287,8,287,50,305,68,335,68,335,80,351,80,351,77,354,77,353,68,356,68,356,54,353,54,353,8,286,8" href="aerzte/kalmutzki.htm" target="_self" alt="Dr. med. Christian Kalmutzki" title="Dr. med. Christian Kalmutzki" />
 <area shape="poly" coords="428,12,427,10,427,54,424,54,424,68,427,68,427,77,430,77,430,79,446,79,446,77,495,77,495,9,427,9" href="aerzte/buettner.htm" alt="Dr. med. Miriam Büttner" title="Dr. med. Miriam Büttner" />
 <area shape="poly" coords="357,9,357,70,376,70,376,77,376,77,383,77,383,80,398,80,398,77,405,77,405,69,424,69,424,8,357,8" href="#" alt="Untersuchung" title="Untersuchung" />
 <area shape="poly" coords="451,80,450,85,450,117,446,117,446,130,494,130,494,81,465,81,465,78,451,77,451,80" href="aerzte/oettling.htm" alt="Priv. Doz. Dr. med. Günter Oettling" title="Priv. Doz. Dr. med. Günter Oettling" />
 <area shape="rect" coords="450,131,513,169" href="#" alt="Untersuchung" title="Untersuchung" />
 <area shape="poly" coords="336,156,336,156,336,159,333,159,318,183,318,237,368,237,368,181,372,181,372,169,369,168,368,166,353,167,353,159,351,159,351,156,337,156" href="aerzte/ruess.htm" alt="Dr. med. Michael Ruess" title="Dr. med. Michael Ruess" />
 <area shape="poly" coords="384,158,384,157,383,159,376,159,376,166,372,167,372,237,446,237,446,208,424,186,424,167,405,167,405,159,398,159,397,156,384,156" href="#" alt="Untersuchung" title="Untersuchung" />
 <area shape="poly" coords="428,158,428,169,424,169,424,181,428,181,428,185,451,209,451,237,512,237,512,168,460,168,460,172,446,172,446,158,428,158" href="aerzte/dissmann.htm" alt="Dr. med. Rainer Dissmann" title="Dr. med. Rainer Dissmann" />
 <area shape="poly" coords="256,191,257,192,257,237,315,237,315,182,331,153,334,153,334,138,316,137,293,176,257,176,256,178,253,178,253,192,257,191" href="raeume/ultraschall.jpg" alt="Ultraschall" title="Ultraschall" />
 <area shape="poly" coords="333,80,334,81,334,155,357,155,357,164,373,164,373,156,408,156,408,164,424,164,424,158,446,158,447,80,424,80,424,72,407,72,407,80,373,80,373,72,356,72,356,80,334,80" href="raeume/wartezimmer2.jpg" alt="Wartezimmer" title="Wartezimmer" />
 <area shape="rect" coords="145,71,175,109" href="#" alt="WC Patientinnen" title="WC Patientinnen" />
 <area shape="poly" coords="96,177,97,178,94,173,97,168,103,164,110,163,114,163,119,157,127,154,127,149,132,143,138,138,144,138,146,142,146,148,140,154,134,158,133,164,125,172,116,173,115,173,108,179,102,180,96,179" href="raeume/rezeption.jpg" alt="Rezeption" title="Rezeption" />
</map>
 
Hi,

ehrlich gesagt kann ich nicht nachvollziehen, warum es bei euch solche Probleme mit der ImageMap gibt, denn bei mir hat das gestern Abend auf Anhieb funktioniert.

Stimmen denn auch die Pfade zu den Bildern? Ansonsten kann ich da keinen Fehler in dem Quellcodeschnipsel entdecken.
 
Wenn ich das rel="lightbox" aus der Image Map rauslasse, werden die Bilder ganz normal angezeigt, aber sobald ich den Tag reinmache wird die Seite schwarz, aber das Bild wird nicht mehr angezeigt. Der Pfad zu den Bildern stimmt also und da das Einbinden von Lightskript außerhalb der Image Map auf der gleichen Seite auch geht ist auch alles andere richtig eingebunden - der Fehler muss also in der Integration von Lightmap in den Quellcode der Image Map liegen.
 
Ist die Seite online erreichbar, um dort mal einen Blick drauf werfen zu können?
 
Ja, die Seite findest du unter http://www.frauenaerzte-calw.de/content/raeumlichkeiten.htm. Ich hab das Skript da drin und den rel-tag mal auch mit reingenommen und zwar in den ersten blauen Raum oben links im Eck (wenn man da drauf klickt wird das Bild dunkel, aber es wird nichts angezeigt). Die anderen blauen Räume sind ohne rel-Tag und en entsprechend einwandfrei.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück