jQuery colorbox : Wie kann ich die position der colorbox
Standardeinstellung der colorbox angezeigt wird zentriert, sowohl vertikal als auch horizontal auf dem Bildschirm. Gibt es eine Möglichkeit, dies zu ändern, beispielsweise um 10% von oben vertikal und horizontal zentriert?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dies überschreibt die top-position, und Sie können das gleiche tun mit Links etc:
10% von oben wäre schwieriger, Sie müssten, um Ihre eigene Positionierung Logik in einem onload-callback-jedesmal, wenn die colorbox angezeigt wird, oder erweitern colorbox code, aber keine schnelle Möglichkeit, das zu tun.
UPDATE
Colorbox hat jetzt eine eingebaute option, um dies zu tun:
UPDATE 2
Wenn du bist nicht verpflichtet, colorbox, empfehle ich mit qTip2.
Weitaus besseren position, Handhabung (jQuery-UI-Stil), sauberer HTML-Ausgabe und leichter IE<8-Unterstützung.
Hatte ich überschreiben colorbox position on the fly " und die folgende Lösung gefunden :
In jquery.colorbox.js die publicMethod.position Funktion verwenden, um eine zwischengespeicherte version der Einstellungen. Um Einstellungen zu ändern.Links/top-on-the-fly, die wir brauchen, um das Objekt-Einstellungen-Eigenschaft. Um dies zu erreichen, müssen wir die ersetzen-Einstellungen.oben/Links.Einstellungen.oben/Links innerhalb der Funktion (ln 499):
Nun, wir können ändern Sie die Objekt-position :
Können Sie eine colorbox Einstellung, wenn Sie das initialisieren der colorbox. Zum Beispiel, um die
#colorbox
auf der gleichen Höhe, wo Sie geklickt haben, benutzen Sie diesen (.colorbox ist der Benutzer definiert colorbox-Klasse):Können Sie zum Beispiel auch eine minimale Spitze und machen die #colorbox ein wenig höher
Wenden Sie diesen Stil in Ihre JSP-Datei oder anderen web-Seiten.