Modules images

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;
}