Par défaut, la palette de couleurs apparaît centrée à la fois verticalement et horizontalement sur l'écran. Existe-t-il un moyen de changer cela, par exemple à 10% du haut verticalement et centré horizontalement?jQuery colorbox: Comment modifier la position de la palette de couleurs
Répondre
Ceci remplacera la première position, et vous pouvez faire la même chose avec la gauche etc:
#colorbox { top: 100px !important; }
10% de haut serait plus délicate, vous auriez à mettre en œuvre votre propre logique de positionnement dans un rappel onload chaque fois que la palette de couleurs est affichée, ou étendre le code de colorbox, mais aucun moyen rapide de le faire.
MISE À JOUR
Colorbox dispose désormais d'une option intégrée pour le faire:
$("a").colorbox({ top: 100, left: "50%" })
MISE À JOUR 2
Si vous n'êtes pas lié à colorbox, je recommande fortement en utilisant qTip2.
Meilleure gestion de la position (style JQuery UI), sortie HTML plus propre et prise en charge IE < 8 plus facile.
#cboxWrapper{
position:fixed;
top:100px;
left:300px;
z-index:9999;
overflow:hidden;
}
Appliquez ce style dans votre page JSP ou d'autres pages Web.
Vous pouvez utiliser un paramètre de palette de couleurs lorsque vous initialisez la palette de couleurs. Par exemple, pour avoir le #colorbox
à la même hauteur de l'endroit où vous avez cliqué, utilisez ce (.colorbox est la classe colorbox définie par l'utilisateur):
$(".colorbox").each(function(i) {
var offset = $(this).offset();
$(this).colorbox({top:offset.top});
});
Vous pouvez également par exemple définir un haut minimum et faire le #colorbox un peu plus
$(".colorbox").each(function(i) {
var offset = $(this).offset();
var o = offset.top-200;
if(o<100){o=100;}
$(this).colorbox({top:o});
});
je devais passer outre la position colorbox à la volée et a trouvé la solution suivante:
en jquery.colorbox.js, la fonction publicMethod.position utiliser une version mise en cache des paramètres. Pour modifier settings.left/top à la volée, nous devons utiliser la propriété settings d'objet. Pour y parvenir, nous devons remplacer settings.top/left par this.settings.top/left dans la fonction (ln 499):
if(typeof this.settings!="undefined"){
settings.left=this.settings.left;
settings.top=this.settings.top;
}
if (settings.right !== false) {...
Maintenant, nous pouvons changer la position d'objet:
$.colorbox.settings.left=newLeft;
$.colorbox.settings.top=newTop;
$.colorbox.position();
- 1. Inverser la palette de couleurs dans matplotlib
- 2. redéfinir la palette de couleurs de la console dans C#
- 3. sélecteur de couleurs (palette de couleurs) montrant toutes les couleurs
- 4. Comment ajouter un onglet dans la palette de couleurs
- 5. appeler un colorbox jquery à partir d'un cadre de colorbox
- 6. Modifier la position de jQuery UI Datepicker
- 7. Comment faire une image ouverte dans la palette de couleurs défilement
- 8. Palette de couleurs dans OpenOffice Writer
- 9. jQuery Colorbox Dynamic Redimensionner
- 10. Création d'un générateur de couleurs à partir de la palette de couleurs donnée dans matplotlib
- 11. Outils jQuery & Colorbox | Changement de style sur Exit Colorbox
- 12. Position de chargement Dynamic Colorbox
- 13. Utilisation de jquery colorbox pour afficher une boîte de dialogue DIV pour afficher le mot de passe dans la palette de couleurs
- 14. PyScripter - modifier les options de mise en surbrillance/palette de couleurs Python
- 15. Modifier par programme la largeur/hauteur de ColorBox onClick
- 16. jQuery - ColorBox nouvelle fenêtre questions
- 17. fermeture jquery colorbox avant les sauts de charge jquery,
- 18. Générer une palette de couleurs à partir d'une image
- 19. Comment appeler la palette de matrice API
- 20. Importation de fichier html dans Excel - obtention de la palette de couleurs correcte
- 21. Est-il possible de démarrer une palette de couleurs basée sur un index spécifié?
- 22. JQuery Colorbox
- 23. Modifier la position du bouton
- 24. Android: Comment modifier dynamiquement la position d'ImageView?
- 25. modifier la position de l'arrière-plan en utilisant la requête
- 26. Modifier la position de la vidéo pendant la lecture
- 27. jquery La position de l'élément de trouver
- 28. jQuery supprimant la répétition dans plusieurs appels de méthode Colorbox
- 29. Comment modifier la position de ligne du mode virtuel DataGridView?
- 30. Fermer ColorBox iFrame après soumettre
Cela ne semble pas fonctionner pour moi, il coupe juste le fond de la boîte. Est-ce que ça marche pour les autres? – Josh
@Josh s'il vous plaît fournir votre code dans une autre question de sorte qu'il serait possible de résoudre les problèmes. Cette méthode fonctionne définitivement. – Razor
Cela fonctionne pour moi. Merci – shaneburgess