Libraries
Bibliothèques externes requis par Colorbox
https://www.drupal.org/project/libraries
Colorbox
Utilisé pour afficher des images, peut également afficher un player vidéo (Youtube, Vimeo…), une page web dans une iframe, ou encore du contenu html inline.
https://www.drupal.org/project/colorbox
Le module nécessite l’installation du script Colorbox dans le répertoire
sites/all/libraries/colorbox/ jquery.colorbox-min.js
http://www.jacklmoore.com/colorbox/
Configuration » Média » colorbox
Paramètres du module Insert
Style d'image
x Aucun (image d'origine)
Extra features
x Activer le chargement de Colorbox
x Activer l'intégration de Colobox
Styles et options
Options
x Personnalisé
Opacité
0.30
Largeur maximale 98%
Hauteur max 98%
Image_resize_filter
Redimensionne automatiquement les images locales, crée un lien avec effet Colorbox vers les images en taille réelle
https://www.drupal.org/project/image_resize_filter
Activer dans chaque format de texte affichant des images
et classer en fin d'ordre de traitement des filtres
Voir plus bas
Adaptive_image
Redimensionne les images en fonction de la résolution de l'écran et non du navigateur. Donc tester en redimensionnant le navigateur ne fera rien.
http://drupal.org/project/adaptive_image
Ajouter dans le fichier CSS
/**********************************************
implement adaptive image
**********************************************/
img, input, textarea, iframe, object, embed {
max-width: 100%;
}img, input, textarea, iframe {
height: auto;
}