Discussion :

[Jolt0x]

Bonjour,

J'utilise la libraire Colorbox qui utilise jQuery pour afficher des images sous forme de lightbox.

Ca fonctionne très bien, au détail près que je n'arrive pas a redimensionner la taille (hauteur et largeur) de l'image et/ou de la lightbox pour ne pas qu'elle dépasse la largeur et/ou la hauteur de l'écran de l'utilisateur (width ou maxWidth à '100%') ou pour ne pas dépasser une certain taille en pixel height/width:"50px". J'ai l ligne suivante:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".imagecolorbox").colorbox( {scalePhotos:true}, {width:"50px"}, {height:"50px"});

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".imagecolorbox").colorbox( {scalePhotos:true}, {width:"50%"}, {height:"50%"});

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".imagecolorbox").colorbox({ {scalePhotos:true}, {maxWidth:"50px"}, {maxHeight:"50px"}  );

Ces lignes, plus d'autre variantes, ne 'scalent' pas la photo. Ou est le souci ? Merci.

[NoSmoking]

Bonjour,
es tu sûr de ta façon de déclarer les options de ta colorBox

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
// Format:
$(selector).colorbox({key:value, key:value, key:value});

[Jolt0x]

Bonjour,

OK, merci je mettais les accolades au mauvais endroits... Le scale fonctionne.

En revanche je ne trouve aucun argument dans la doc pour faire un scale en fonction de la taille de l'écran de l'utilisateur. Un scale 'responsive', en quelque sorte.

J'ai trouvé ce lien en cherchant sur un moteur de recherche:
http://www.seblod.com/community/foru...ges-responsive