Mehrere Lightboxen pro Seite

[Cray]

Hi,

ich verwende aktuell folgendes Script zur Anzegie einer Lightbox: http://www.pjhyett.com/posts/190-the...thout-lightbox
Im Grunde bin ich damit sehr zufrieden, habe aber jetzt ein Problem.

Ich benötige 3 weitere Lightboxen mit unterschiedlichem Inhalt. Kann ich so etwas mit Hilfe dieses Scripts realisieren?

[phpBuddy]

Ich benötige 3 weitere Lightboxen mit unterschiedlichem Inhalt.

Definiere das mal etwas genauer bitte.
Unterschiedliche Inhalte soll was sein? 3 verschiedene Galerien, bestehend aus nur Bilder? HTML Inhalte von lokal? Komplette externe HTML Inhalte? Soll das alles auf einer Seite sein oder auf verschiedenen Seiten?
Deine Fragestellung ist sehr schwammig gestellt, von daher kann man nicht wirklich eine sinnvolle Antwort geben.

Dennoch, ein All-in-One stellt die Thickbox dar.

[Cray]

Hi,

es geht um lokale HTML-Inhalte die sich unterscheiden. Immer Text...
Ich dachte kurz an einen Anker mit Parameter (#?parameter), damit funktioniert es aber nicht...

[wildmieze]

hmm .. hab das script kurz überflogen .. es bindet keine "fremden" inhalte ein, sondern eine box, die sich auf derselben seite befindet, oder?

wo liegen denn die inhalte, die du so darstellen willst? auch einfach als div auf der seite? .. dann müsstest du das script modifizieren .. ich hab nicht viel ahnung, aber ich würde hier ansetzen:

function showBox(){
    $('overlay').show();
    center('box');
    return false;
}
function hideBox(){
    $('box').hide();
    $('overlay').hide();
    return false;
}

.. hier müsstest du das script dazu bringen, auch andere elemente ein/auszublenden, als "box" .. also so, daß du zB mit showBox(DeineBoxID) die jeweilige box ansprechen kannst ..

[Cray]

Hi,

es handelt sich um reine DIVs, externe Inhalte benötige ich nicht.
Werde deinen Ansatz mal austesten.

[Cray]

Hab es jetzt mal so versucht:

function showBox2(){
    $('overlay').show();
    center('box2');
    return false;
}

function hideBox2(){
    $('box2').hide();
    $('overlay').hide();
    return false;
}

ich rufe dann die entsprechenden Funktionen auf. Nur leider bleibt immer eine der beiden Boxen stehen. Wahrscheinlich weil ich den Klick außerhalb der Box nicht korrekt abgreife?!

Nur wie mache ich das?

Wäre sehr dankbar für entsprechende Tipps

[wildmieze]

hmm .. versuchs mal so:

function showBox(boxid){
    $('overlay').show();
    center(boxid);
    return false;
}
function hideBox(boxid){
    $(boxid).hide();
    $('overlay').hide();
    return false;
}

.. und im linkaufruf dann showBox('box'), bzw. showBox('box2') ..

ich bin aber auch nicht wirklich gut in javascript .. kann gut sein, daß da noch irgendwo anführungszeichen hinmüssen oder sowas .. oder daß sich da irgendwas mit 'element' überschneidet .. aber du kannst es zumindest ausprobieren^^
.. wenns nicht klappt, müsste sich mal jemand einklinken, der ahnung von der sache hat