Attention : Cette fonctionnalité ne fonctionne pas sous Internet Explorer 5.5 et 6. Internet Explorer est loin d’être le meilleur navigateur, et n’est plus utilisé, pour ses versions inférieures à la version 7, que par 10 à 20% des internautes. Préférez Internet Explorer 7, ou mieux encore, Firefox.

Une inspiration logique : le portail Photosapiens.com

Prenant modèle sur la récente refonte de notre portail, nous venons de mettre en place une nouvelle fonctionnalité pour vos sites photo. Une option de galerie permet désormais d’appliquer une ombre portée autour des photos. Une ombre portée qui s’affiche sur n’importe quelle couleur de fond, y compris les fonds en dégradé ! Pour agrémenter celle-ci, nous en avons profité pour associer un petit éventail de bordures et de marquises en noir et en blanc.

8 possibilités d’ombres portées

Cliquez pour découvrir les 8 possibilités d’ombre portée qui s’offrent désormais à toutes les photos de votre site

8 possibilités

 Aucune ombre portée (comme avant)
 Ombre portée seule
 Ombre portée et marquise blanche [1]
 Ombre portée, marquise blanche et bordure noire
 Ombre portée, bordure noire et marquise blanche
 Ombre portée et marquise noire
 Ombre portée, bordure blanche et marquise noire
 Ombre portée et bordure noire

8 possibilités d’ombres portées

Cliquez pour découvrir la description des 8 possibilités d’ombre portée qui s’offrent désormais à toutes les photos de votre site

Localisation pour les vignettes d’une galerie

L’option se trouve dans le paramétrage d’une galerie (en cliquant sur "éditer cette galerie", puis en ouvrant les volet : "apparence des images vignettes dispositions 1 et 2)"

Localisation pour les images agrandies d’une galerie

L’option se trouve dans le paramétrage d’une galerie (en cliquant sur "éditer cette galerie", puis en ouvrant le volet : "apparence des images agrandies dispositions 1 et 2)"

Localisation pour les images de rubrique : une option de rubrique

L’option se trouve dans le paramétrage d’une rubrique, y compris la rubrique galeries (en cliquant sur "éditer cette rubrique", puis en ouvrant le volet : "paramètres généraux)"

Localisation pour la liste des galeries de 1er niveau : une option de rubrique !

Sur la rubrique "galeries", on trouve les galerie dites de 1er niveau (celles qui n’ont pas de galerie mère), sous forme de vignettes. C’est donc l’option de rubrique de la rubrique "galeries" qu’il faut configurer, en cliquant sur "éditer cette rubrique", puis en ouvrant le volet : "paramètres généraux)"

Localisation pour la liste des galeries d’une galerie mère : une option de galerie !

Lorsqu’une galerie possède des galeries filles, c’est son paramètre de vignettes qui est utilisé, il faut donc cliquer sur "éditer cette galerie", puis en ouvrir le volet : "apparence des images vignettes dispositions 1 et 2)"

Le volet de paramétrage de l’ombre portée

Ce même volet est disponible à trois endroits de vos pages d’administration, deux fois dans le paramétrage d’une galerie (pour l’apparence des images vignettes et celle des images agrandies), mais aussi dans le paramétrage d’une rubrique. La liste déroulante en bas permet d’appliquer ce réglage à tous les autres éléments du même type (toutes les galeries ou toutes les rubrique)

Précisions techniques et limitations

 Contrairement aux bordures que l’on peut appliquer aux images, ce dispositif repose sur les feuilles de style, et ne déclenche pas le ré-enregistrement des images, il est donc extrêmement rapide à appliquer et à tester
 L’ombre portée étant noire, elle ne sera visible que sur des fonds clairs ou en couleur
 L’ombre portée n’est visible que pour les dispositions de galeries 1 et 2 (donc pas pour les dispositions 3 et 5 qui mettent en oeuvre la technologie Flash)
 L’affichage des pages a été revu et corrigé pour prendre en compte ces ombres portées, il s’ensuit les deux phénomènes suivants :
 Les ombres apparaissent en dernier lors du chargement
 Le chargement est optimisé avec le passage de la taille des images (largeur et hauteur), si bien que lors du retour aux vignettes depuis la vue image agrandie, la fenêtre se cale automatiquement sur la dernière image vue.

Une amélioration visuelle à utiliser sans modération

Comme les bordures, les ombres portées apportent un confort visuel significatif sur une image, il est donc très recommandé de les tester !

L’ombre portée sur l’image d’une rubrique Ici, la rubrique accueil	L’ombre portée sur la liste des galeries le réglage se trouve à un endroit différent selon que l’on se trouve au 1er niveau des galeries (la rubrique), ou à l’intérieur de galeries mères.	L’ombre portée sur les vignettes d’une galerie On remarque que l’ombre portée fonctionne quelle que soit la couleur de fond, y compris un dégradé comme ici !
L’ombre portée sur l’image d’une rubrique	L’ombre portée sur la liste des galeries	L’ombre portée sur les vignettes d’une galerie