[Plugin] jQuery Picture : passez aux images "responsive" en douceur

FirePrawn · 21/11/2012, 09h24

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 ?

SpaceFrog · 21/11/2012, 10h14

Je viens de tester sous FFX 16.02
Soit j'ai rien compris, soit leur page de démo ne fonctionne pas ...

vermine · 21/11/2012, 10h34

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.

SpaceFrog · 21/11/2012, 12h59

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 ...

vermine · 21/11/2012, 13h07

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.

FirePrawn · 21/11/2012, 14h07

Je plussoie vermine.

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

21/11/2012, 09h24	#1
FirePrawn Responsable (X)HTML/CSS Sébastien Germez Ingénieur réalisateur Inscription : mars 2011 Messages : 2 641 Détails du profil Informations personnelles : Nom : Sébastien Germez Âge : 25 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 2 641 Points : 20 692 Points : 20 692	jQuery Picture : passez aux images "responsive" en douceur 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 souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi ! Avant toute chose : lire le mode d'emploi du forum et ses règles. Je ne réponds pas aux questions techniques en MP.
	10

21/11/2012, 10h14	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 32 812 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 32 812 Points : 51 388 Points : 51 388	Je viens de tester sous FFX 16.02 Soit j'ai rien compris, soit leur page de démo ne fonctionne pas ... __________________ Ma page Developpez - Mon Blog Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr Humour
	00

21/11/2012, 10h34	#3
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 3 972 Détails du profil Informations personnelles : Âge : 28 Informations forums : Inscription : mars 2008 Messages : 3 972 Points : 27 501 Points : 27 501	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. __________________ Médias : influence, pouvoir et fiabilité - Découvrez MooTools - Le mathématicien et ses esclaves Elen Poukram - Isegoria - Sandawe
	10

21/11/2012, 12h59	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 32 812 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 32 812 Points : 51 388 Points : 51 388	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 ... __________________ Ma page Developpez - Mon Blog Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr Humour
	00

21/11/2012, 13h07	#5
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 3 972 Détails du profil Informations personnelles : Âge : 28 Informations forums : Inscription : mars 2008 Messages : 3 972 Points : 27 501 Points : 27 501	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. __________________ Médias : influence, pouvoir et fiabilité - Découvrez MooTools - Le mathématicien et ses esclaves Elen Poukram - Isegoria - Sandawe
	00

21/11/2012, 14h07	#6
FirePrawn Responsable (X)HTML/CSS Sébastien Germez Ingénieur réalisateur Inscription : mars 2011 Messages : 2 641 Détails du profil Informations personnelles : Nom : Sébastien Germez Âge : 25 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 2 641 Points : 20 692 Points : 20 692	Je plussoie vermine. Chez moi (FF 16) ça se redimensionne bien ! __________________ Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi ! Avant toute chose : lire le mode d'emploi du forum et ses règles. Je ne réponds pas aux questions techniques en MP.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email