> 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
449 €TV 55 pouces Philips 55PUS7956 (LED, 4K, HDR, Ambilight, SmartTV) à 449 €
500 € -10%

RueDuCommerce fait une promotion sur la TV LED 55 pouces (139 cm) Philips 55PUS7956 qui passe à 449 € alors qu'on la trouve ailleurs à partir de 500 €. Cette TV possède une dalle 4K Ultra HD, la fonction Ambilight (projette sur le mur un halo de lumière sur trois côtés du téléviseur), le HDR+ (amélioration du contraste et de la couleur) et intègre Netflix, Youtube, Disney+, ... grâce à son système Android TV ainsi que Google Home pour la commande vocale.


Voir l'offre
142,49 €Ecran 24 pouces LG Ultragear 24GN650-B (FHD, IPS, 1 ms, 144 Hz) à 142,49 €
199,99 € -29%

Amazon fait une promotion sur l'écran LG Ultragear 24GN650-B qui passe à 142,49 € livré gratuitement au lieu de 199,99 € ailleurs. Cet écran possède une dalle 24 pouces FHD (1920x1080) IPS à 144 Hz, un temps de réponse de 1 ms. Il est compatible FreeSync et GSync.


Voir l'offre
116,53 €SSD Interne M.2 NVMe PCIe 4.0 Samsung 980 PRO 1 To à 116,53 € livré
149,99 € -22%

Amazon Allemagne fait une promotion sur le SSD Interne M.2 NVMe PCIe 4.0 Samsung 980 PRO 1 To qui passe à 111,94 € (avec la TVA ajustée). Comptez 4,59 € pour la livraison en France, soit un total de 116,53 € livré en France. On le trouve ailleurs à partir de 149 €. Ce SSD offre des taux de transfert de 7000 Mo /s en lecture et 5100 Mo/s en écriture. Une excellente affaire.


Voir l'offre
4,35 €Câble PremiumCord HDMI 4K 3 mètres à 4,35 €
8 € -46%

Amazon fait une promotion sur le câble HDMI 4K PremiumCord d'une longueur de 3 mètres à 4,35 € au lieu de 8 €.


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