jQuery Picture :
Passez aux images "responsive" en douceur

Tags
Réseaux sociaux


 Discussion forum

Le , par FirePrawn, Responsable Développement Web
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
http://www.developpez.com
Rédacteur/Modérateur
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
http://www.developpez.com
Responsable JavaScript & AJAX
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
http://www.developpez.com
Rédacteur/Modérateur
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
http://www.developpez.com
Responsable JavaScript & AJAX
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
http://www.developpez.com
Responsable Développement Web
le 21/11/2012 14:07
Je plussoie vermine.

Chez moi (FF 16) ça se redimensionne bien !
Offres d'emploi IT
Analyste Développeur VB.NET
CDI
ITs4U - Luxembourg - Luxembourg
Parue le 01/08/2014
Développeur PHP/MySQL en alternance
Alternance
IP-FORMATION - Ile de France - Paris
Parue le 01/08/2014
Ingénieur qa / développeur de tests pour marketplace
CDI
MOBISKILL - Ile de France - Paris (75000)
Parue le 19/08/2014

Voir plus d'offres Voir la carte des offres IT
 
 
 
 
Partenaires

PlanetHoster
Ikoula