Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

jQuery Picture :
Passez aux images "responsive" en douceur

Le , par FirePrawn

0PARTAGES

1  0 
Faciliter le passage aux images responsive
C'est ce que propose ce petit plugin jQuery

Un nouveau plugin jQuery voit le jour : jQuery Picture.

Grâce à ce plugin très léger (2kb), vous pourrez passer en douceur aux images responsive.
En effet, ce mot est très à la mode ces derniers temps dans le développement Web. Il s'agit en fait tout simplement de pouvoir adapter vos contenus en fonction de la résolution d'écran de l'utilisateur (et donc du type d'appareil avec lequel il visite votre site).

Pour se faire, ce plugin vous offre deux solutions qui sont actuellement à l'étude pour devenir le standard des images responsive : l'élément <figure> et la nouvelle balise récemment proposée <picture>.

Bien évidemment, une fois qu'une des solutions sera standardisée, ce plugin n'aura plus d'intérêt.
Mais en attendant, il sera maintenu à jour pour fonctionner sur tous les navigateurs.
Une mise en garde cependant : ce plugin utilise des éléments qui ne sont pas encore considérés comme valide par le w3c !

Télécharger jQuery Picture.

Source : jQuery Picture

Et vous ?

Utilisez-vous déjà des images responsive ?
Ce plugin vous aiderait-il ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de vermine
Responsable Jeux-Concours https://www.developpez.com
Le 21/11/2012 à 10:34
Tu dois rétrécir ta fenêtre et lorsque l'image sera plus grande que la taille de la fenêtre, elle se redimensionnera.
1  0 
Avatar de SpaceFrog
Rédacteur/Modérateur https://www.developpez.com
Le 21/11/2012 à 10:14
Je viens de tester sous FFX 16.02
Soit j'ai rien compris, soit leur page de démo ne fonctionne pas ...
0  0 
Avatar de SpaceFrog
Rédacteur/Modérateur https://www.developpez.com
Le 21/11/2012 à 12:59
J'avais compris le principe... ce que je n'ai pas compris c'est pourquoi l'image ne se redimensionne pas quand je redimensionne la fenetre ...
0  0 
Avatar de vermine
Responsable Jeux-Concours https://www.developpez.com
Le 21/11/2012 à 13:07
Je suis sur le même navigateur que toi. L'image ne s'agrandit pas plus que sa taille. Elle rétrécit si nécessaire. Et en plus elle change de couleur.
0  0 
Avatar de FirePrawn
Expert éminent sénior https://www.developpez.com
Le 21/11/2012 à 14:07
Je plussoie vermine.

Chez moi (FF 16) ça se redimensionne bien !
0  0