> 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
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
36,99 €Clé USB Sandisk Luxe 256 Go à double connectique USB 3.1 Type A et C à 36,99 €
47 € -21%

Cdiscount fait une promotion sur la clé USB Sandisk Luxe 256 Go à double connectique USB 3.1 Type A et C qui passe à 36,99 €. Cette clé USB  dispose d'un connecteur USB Type C et d'un connecteur classique de type A. Grâce à elle, transférez en toute simplicité et rapidement (jusqu'à 150 Mo/s) vos fichiers entre vos smartphones, tablettes et ordinateurs. On la trouve ailleurs à plus de 47 €.


Voir l'offre
29,90 €Carte mémoire microSDXC UHS-I SanDisk A1 Ultra 256 Go à 29,90 €
40 € -25%

Cdiscount propose actuellement la carte mémoire microSDXC UHS-I SanDisk A1 Ultra 256 Go qui passe à 29,90 €. On la trouve ailleurs à partir de 40 €. Cette carte mémoire offre des vitesses jusqu'à 120 Mo/s et est idéale pour les téléphones, caméras et appareils photo HD. Elle est certifiée GoPro et Nintendo Switch.


Voir l'offre
74,99 €SSD Kingston KC2500 1 To (M.2, NVMe 3500 Mo/s) à 74,99 €
120 € -38%

Cdiscount solde le SSD Kingston KC2500 1 To (M.2, NVMe 3500 Mo/s) qui passe à 74,99 € au lieu de 120 €. Avec l’interface M.2 PCIe 3.0 NVMe à 4 lignes, ce modèle prend le pas sur ces prédécesseurs. En effet, il propose une vitesse de lecture et d’écriture séquentielle allant jusqu’à 3500/2900 Mo/s. Sa vitesse de lecture et d’écriture aléatoire 4K atteint les 375000/300000 IOPS.


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