Tags
Réseaux sociaux
1   0


 Discussion forum

jQuery Picture :
Passez aux images "responsive" en douceur

Le , par FirePrawn, Expert Confirmé Sénior
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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de SpaceFrog SpaceFrog - Rédacteur/Modérateur http://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 ...
Avatar de vermine vermine - Responsable JavaScript & AJAX http://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.
Avatar de SpaceFrog SpaceFrog - Rédacteur/Modérateur http://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 ...
Avatar de vermine vermine - Responsable JavaScript & AJAX http://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.
Avatar de FirePrawn FirePrawn - Expert Confirmé Sénior http://www.developpez.com
le 21/11/2012 à 14:07
Je plussoie vermine.

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


Responsables bénévoles de la rubrique JavaScript : Xavier Lecomte - Didier Mouronval -