[Résolu] Afficher une image en fonction de la taille de l'ecran

bonjour,

je cherche à afficher une image différente en fonction de la taille de l'écran qu'utilise l'internaute

j'ai commencé à coder un "truc" en javascript (je suis une buse en javascript)

var malargeurecran = (screen.width);
if (malargeurecran  < 1280)
{
document.write(
<?php
$kelbul1 = '<img src="img/image2.png" />';
?>);
}
else
{
document.write(
<?php
$kelbul1 = '<img src="img/image1.png" />';
?>);}

</script>


et j'appelle ma variable :

<div>

<?php echo $kelbul1 ?>

</div>

Mais bien sur ça ne marche pas.
j'ai toujours l'image1.png qui s'affiche (même sur la résolution de 1280x800 de mon macbook)

Quelqu'un peut-il me montrer où ça coince
Modifié par pareto (12 Sep 2013 - 13:04)

Bonjour.

Sous condition que tu te fiches de toujours charger les 2 images, peut-être pourrais-tu plus simplement penser aux CSS mediaqueries avant de faire ça en js ?

OK je vais voir ce que c'est css mediaqueries
Modifié par pareto (12 Sep 2013 - 16:34)

Pour ne pas chercher trop loin :
http://www.alsacreations.com/article/lire/930-css3-media-queries.html

Merci ça m'a bien servi