18-06-2014, 08:23 AM
(17-06-2014, 10:13 PM)stefde3 a écrit : [...] solution en JS [...]et en fonction[...]faire une condition en PHP [...][joke mode=On]
Ouais sinon j'peux demander au client de choisir sa résolution d'écran, et en fonction lui envoyer un mail, qui l’enverra vers un serveur contenant le site à sa résolution d'écran, enfin s'il connait sa résolution exacte. x)
[joke mode=Off]
plus légèrement, et plus facilement,
je pense que, comme Globe, j'vais attendre l'adoption du srcset.
sinon ne pas mettre de balise image,
seulement des div (dans ce cas, images non-sélectionnables)
@media screen and (max-width: 640px)
{ div.img1
{
height:300px;
width:200px;
display:block;
background: url(toto200x300.jpg) 0 0 no-repat;
background-size:cover;
}
}
@media screen and (min-width: 640px)
{ div.img1
{
height:600px;
width:400px;
display:block;
background: url(toto400x600.jpg) 0 0 no-repat;
background-size:cover;
}
}
ça devrait fonctionner, non ?
dans tous les cas, j'suis pas fan de passé par du .js, et du .php, tout ça pour afficher une image à la bonne dimension, le jours où l'image, ou la mise en page, ou l'organisation globale du site doit changer, va surement avoir pas mal de cafouillages là-dedans.
[ moins y'en a, mieux c'est ? ]
"Somewhere, something incredible is waiting to be known..."
Carl Sagan.
Carl Sagan.