> Tous les forums > Forum des Webmasters
 HTML : insérer une image conditionnelle
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
system32
  Posté le 11/03/2017 @ 17:00 
Aller en bas de la page 
Petit astucien

Bonjour à tous !

J’ai une image sur un site en construction et je cherche à insérer une toute autre image en deçà d’une largeur de périphérique de 720px...

J’ai cherché à faire quelque chose avec srcset mais apparemment c’est plutôt pour choisir une image en fonction de la résolution d’écran, non?

Actuellement j’utilise une double image avec un système de media queries et de display:none, mais même si le rendu est bon, chaque périphérique en télécharge deux.

Est-ce que quelqu’un connaîtrait un moyen d’utiliser srcest en fonction de la largeur d’écran, comme en CSS avec les media queries ?

Ça me serait de grande aide, merci d’avance !



Modifié par system32 le 11/03/2017 18:46
Publicité
zoulouman
 Posté le 22/03/2017 à 12:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Personne pour répondre ici ? Bon allez, c'est parti ! Même si je découvre ce srcset...

Salut,

En espérant que depuis le temps, ton souci est réglé.

De ce que j'ai vu ici :

https://www.alsacreations.com/article/lire/1621-responsive-images-srcset.html

IE ne prend pas en charge srcset (à la limite, c'est pas très grave), mais le pire est qu'il est souvent "partiellement supporté" par les autres ! (si quelqu'un comprend ce "partiellement", j'attends vos lanternes)

Je crois qu'il va te falloir attendre un peu que ce petit nouveau srcset soit pris en charge par tous, et continuer à jouer avec les media queries en attendant.

C'est vrai que les media queries sont pénibles parce que toutes les images sont chargées. Pour un mobile, c'est vraiment pas l'idéal. Et pour peu qu'un visiteur utilisant un vieux navigateur arrive, il se retrouve avec les images mobile et desktop affichées ! Résultats garantis !

Ceci dit, je vais suivre ce srcset de très prêt, il a l'air bien intéressant. J'ai pas vraiment tout compris en survolant l'article, la syntaxe est étrange, mais on va se pencher dessus.

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
139,99 €Ecran PC 24 pouces Samsung C24RG50 (incurvé, FHD, 144 Hz, 4 ms) à 139,99 €
160 € -13%

Cdiscount fait une promotion sur l'écran PC 24 pouces Samsung C24RG50 qui passe à 139,99 € alors qu'on le trouve ailleurs à partir de 160 €. Cet écran incurvé possède une dalle VA FullHD (1920x1080) avec un rafraichissement de 144 Hz et un temps de réponse de 4 ms. Un très bon écran dédié aux joueurs.


Voir l'offre
499,99 €PC portable Asus VivoBook (FullHD, Core i5, 8 Go RAM, SSD 512Go) à 499,99 €
649 € -23%

Cdiscount fait une promotion sur le PC portable Asus 15.6 pouces Vivobook R515JA-BQ2070W qui passe à 499,99 € au lieu de 649 €. Ce portable possède un écran 15.6 pouces FullHD (1920x1080), un processeur Intel Core i5 1035G1, 8 Go de RAM et un SSD NVMe de 512 Go. Le tout tourne sous Windows 11. Webcam, WiFi, USB 3.2, USB Type C, Ethernet Gigabit et Bluetooth sont de la partie. 


Voir l'offre
879,99 €Ultraportable MSI Modern 15 (Core i7, 16 Go RAM, SSD 512 Go) à 879,99 €
999 € -12%

Fnac fait une promotion sur l'ultraportable MSI Modern 15 A11MU-1005FR qui passe à 879,99 € au lieu de 999 €. Cet ordinateur possède une dalle 15.6 pouces Full HD IPS, est équipé d'un processeur Intel Core i7-1195G7, de 16 Go de RAM et d'un SSD NVME de 512 Go (un emplacement M.2 libre est également disponible). Il ne pèse que 1,6 kg et offre une autonomie d'une dizaine d'heures. Il est fourni avec Windows 11.


Voir l'offre
179,99 €Ecran 27 pouces HP X27 (FHD, IPS, 165 Hz, 1 ms, FreeSync) à 179,99 €
224 € -20%

Cdiscount fait une promotion sur l'écran 27 pouces HP X27 qui passe à 179,99 € au lieu de 224 €. Cet écran dispose d'une dalle IPS FHD (1920x1080) à 165 Hz, est compatible FreeSync et offre un temps de réponse de 1ms. Il possède des entrées DP et HDMI. Il possède des fonctions d'anti scintillement et anti lumière bleue. Il est réglable en hauteur et en inclinaison. 


Voir l'offre

Sujets relatifs
Code HTML pour image qui s'adapte
Insérer une bannière image dans header de piwigo ?
comment insérer une image d'une capture écran
Inserer une image au survol d'un texte
insérer du code html dans un article blogger
Insérer une application flash dans une image
probleme avec image html
Insérer son quand on passe la souris sur une image
Image en fond > html et css
Insérer plusieurs portraits sur une même image
Plus de sujets relatifs à HTML : insérer une image conditionnelle
 > Tous les forums > Forum Forum des Webmasters