Par défaut, la coloration apparaît centrée à la fois verticalement et horizontalement à l'écran. Existe-t-il un moyen de changer cela, par exemple à 10% de haut de top verticalement et centré horizontalement?
4 Réponses :
Ceci remplacera la position supérieure et vous pouvez faire la même chose avec gauche, etc.:
$("a").colorbox({ top: 100, left: "50%" })
Cela ne semble pas fonctionner pour moi, il ne fait que casser le bas de la boîte. Travaille-t-il pour les autres?
@JOSH Veuillez fournir votre code dans une autre question afin qu'il soit possible de dépanner. Cette méthode fonctionne définitivement.
#cboxWrapper{
position:fixed;
top:100px;
left:300px;
z-index:9999;
overflow:hidden;
}
Apply this style in your JSP or other web pages.
Vous pouvez utiliser un paramètre ColorBox lorsque vous initialisez la coloration. Par exemple, d'avoir le #colorbox code> à la même hauteur de l'endroit où vous avez cliqué, utilisez-le (.Colorbox est la classe ColorObox définie par l'utilisateur): $(".colorbox").each(function(i) {
var offset = $(this).offset();
var o = offset.top-200;
if(o<100){o=100;}
$(this).colorbox({top:o});
});
Je devais remplacer la position Colorbox à la volée et trouver la solution suivante:
dans jquery.colorbox.js, la fonction PublicMethod.Position Utilisez une version mise en cache de paramètres. Pour modifier les paramètres.Left / Top à la volée, nous devons utiliser la propriété Paramètres d'objet. Pour y parvenir, nous devons remplacer les paramètres.top/left par ceci.Settings.top/left dans la fonction (ln 499): p> maintenant, nous pouvons changer d'objet Position: P> $.colorbox.settings.left=newLeft;
$.colorbox.settings.top=newTop;
$.colorbox.position();