Kombination von area shape mit Lightbox nicht möglich?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Kombination von area shape mit Lightbox nicht möglich?

    Ich habe gerade versucht, über eine Usemap diverse Bilder zu verlinken. Bis dahin funktioniert das auch. Nur soll die Hauptseite offen bleiben, und Links im neuen Fenster / Popup sollen es nicht sein. Dafür gibts ja die Lightbox.

    Mein Proiblem ist aber, dass die Lightbox, bzw. die Slimbox nur im normalen a href - Aufruf funktioniert, aber nicht im area shape... href - Tag. Muss man da vielleicht an den JavaScript-Dateien der Lightbox/Slimbox was ändern? Vielleicht kennt sich ja wer aus.

    Falls der Code hilft, ich hänge es mal ran...

    Quellcode

    1. <a href="w01.jpg" rel="lightbox"><img src="http://www.freesoft-board.to/images/thumb-1.jpg" width="100" height="40" alt="" /></a>

    --> funktioniert.

    Quellcode

    1. <img src="map.jpg" width="300" height="100" border="0" alt="test" usemap="#map">
    2. <map name="map">
    3. <area shape="circle" coords="197,70,6"
    4. href="w01.jpg" rel="lightbox" alt="test" title="test">
    5. </map>

    --> funktioniert nicht.

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Shadowww ()

  • Hi,
    ich hoffe das rel nur eine Referenzmakierung ist.
    (Siehe dazu: RDF in XHTML Taskforce - hGRDDL Profile for XHTML1 )
    Es wird dann wahrscheinlich beim Start einfach alle a-Tags durchgegangen und verändert. Darum kommt dein Area-tag nicht dran ;)

    Wenn man in den Code von lightbox sieht, findet man genau das:

    Quellcode

    1. var anchors = document.getElementsByTagName("a");
    2. // loop through all anchor tags
    3. for (var i=0; i<anchors.length; i++){
    4. var anchor = anchors[i];
    5. if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){
    6. anchor.onclick = function () {showLightbox(this); return false;}
    7. }
    8. }

    So, ich hab das mal umgeändert, dass du da so viele Tag-Arten wie möglich hinzufügen kannst ;)

    Quellcode

    1. var modes = new Array('area','a');
    2. for(x in modes) {
    3. var anchors = document.getElementsByTagName(modes[x]);
    4. // loop through all anchor tags
    5. for (var i=0; i<anchors.length; i++){
    6. var anchor = anchors[i];
    7. if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){
    8. anchor.onclick = function () {showLightbox(this); return false;}
    9. }
    10. }
    11. }
    Alles anzeigen


    Probiers mal aus.

    Gruß
    Broken Sword
  • Danke erstmal. Aber scheinbar gibts da mehrere Versionen von der Lightbox. Jedenfalls kann ich den Code nicht finden, auch nichts das ich als ähnlich definieren würde. Sollte doch in der Lightbox.js, bzw der Slimbox.js stehen, oder?

    Ich wollte eigentlich Letzteres verwenden.

    Falls du noch mal Lust hast diesen Code auch zu durchsuchen, die Dateien schicke ich dir mal per PN.
    Ansonsten hast du vielleicht einen Link zu der von dir verwendeten Lightbox-Datei?