HTML : insérer une image différente selon le support
Résolu/Fermé
Caetera
Messages postés
236
Date d'inscription
mercredi 19 août 2009
Statut
Membre
Dernière intervention
15 novembre 2022
-
10 nov. 2020 à 18:10
Caetera Messages postés 236 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 15 novembre 2022 - 12 nov. 2020 à 00:24
Caetera Messages postés 236 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 15 novembre 2022 - 12 nov. 2020 à 00:24
A voir également:
- HTML : insérer une image différente selon le support
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
- Recherche par image - Guide
- Positionner une image html ✓ - Forum HTML
- Insérer liste déroulante excel - Guide
2 réponses
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
10 nov. 2020 à 18:31
10 nov. 2020 à 18:31
Bonjour,
Soit en utilisant du PHP... soit en utilisant du JAVASCRIPT
Dans les deux cas, un simple IF/ELSE en fonction du site consulté te permettra de faire ce que tu veux.
Mais sans savoir comment tu as géré tes "deux" versions de site... nous ne pourrons pas t'en dire plus
Soit en utilisant du PHP... soit en utilisant du JAVASCRIPT
Dans les deux cas, un simple IF/ELSE en fonction du site consulté te permettra de faire ce que tu veux.
Mais sans savoir comment tu as géré tes "deux" versions de site... nous ne pourrons pas t'en dire plus
Caetera
Messages postés
236
Date d'inscription
mercredi 19 août 2009
Statut
Membre
Dernière intervention
15 novembre 2022
24
11 nov. 2020 à 02:57
11 nov. 2020 à 02:57
Comment je peux savoir comment squarespace gère les 2 versions du site ?
J'ai essayé ce code ci avec IF/ELSE :
Mais sans succès, , c'est peut-être trop simpliste ?
Je ne sais pas comment déterminer la condition initiale,
Dans l'idéal j'aimerais que la page détermine si l'utilisateur/trice utilise un mobile,
Si oui : image mobile
Si non : image desktop
J'ai essayé ce code ci avec IF/ELSE :
<img if(navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
)
{
src="image mobile"
}
else {
src="Image desktop"
}
>
Mais sans succès, , c'est peut-être trop simpliste ?
Je ne sais pas comment déterminer la condition initiale,
Dans l'idéal j'aimerais que la page détermine si l'utilisateur/trice utilise un mobile,
Si oui : image mobile
Si non : image desktop
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
11 nov. 2020 à 09:00
11 nov. 2020 à 09:00
Alors..... le Javascript.. ça ne se place pas comme ça n'importe comment dans une page....
Il faut les mettre dans des balises <script>
Dans ton cas ça ressemblerait d'avantage à
Il faut les mettre dans des balises <script>
Dans ton cas ça ressemblerait d'avantage à
<img id="toto" src="Image desktop"/>
<script type="text/javascript">
var monimage = document.getElementById('toto');
if( navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
){
monimage.src="image mobile";
} else {
monimage.src="Image desktop";
}
</script>
Caetera
Messages postés
236
Date d'inscription
mercredi 19 août 2009
Statut
Membre
Dernière intervention
15 novembre 2022
24
>
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
11 nov. 2020 à 22:02
11 nov. 2020 à 22:02
Merci beaucoup pour ces précisions, je ne connaissais pas cet élément <script>
Tout fonctionne, c'est super
Encore une question, que signifie le /i après l'indication du navigateur dans le userAgent ? J'ai trouvé ce code comme ça ailleurs sans comprendre pourquoi
Tout fonctionne, c'est super
Encore une question, que signifie le /i après l'indication du navigateur dans le userAgent ? J'ai trouvé ce code comme ça ailleurs sans comprendre pourquoi
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
>
Caetera
Messages postés
236
Date d'inscription
mercredi 19 août 2009
Statut
Membre
Dernière intervention
15 novembre 2022
11 nov. 2020 à 22:20
11 nov. 2020 à 22:20
Caetera
Messages postés
236
Date d'inscription
mercredi 19 août 2009
Statut
Membre
Dernière intervention
15 novembre 2022
24
>
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
12 nov. 2020 à 00:24
12 nov. 2020 à 00:24
Très bien, merci
10 nov. 2020 à 18:52
J'utilise spacequare mais la plateforme ne me permet de faire ce que je voudrais, alors j'utilise l'option qui m'est laissée, c'est-à-dire, injecter mon propre code