[Problème] Image différente selon affichage depuis ordi ou depuis smartphone

[sevloi]

Bonjour ,

J'ai construis mon template responsive avec Gantry.

Selon si l'internaute surfe depuis un ordi/tablette ou un smartphone j'ai besoin d'afficher un logo de taille différente. Donc 2 logos au total.


Quelqu'un sait comment on fait ?

Merci

[NosyWeb]

Re : Image différente selon affichage depuis ordi ou depuis smartphone

Hello,

Oui, il te faut jouer avec les suffixes de class module fourni par Gantry pour cacher ou non tes modules suivant le périphérique utilisé.

[EDIT]
Ce sera peut-être plus parlant avec cet article : Gantry 4 : L'intégration du Responsive Design dans les templates

[sevloi]

Re : Image différente selon affichage depuis ordi ou depuis smartphone

Bonjour et merci pour ton aide. Je vais regarder le lien.

[sevloi]

Re : Image différente selon affichage depuis ordi ou depuis smartphone

le lien ne fonctionne plus !?

[NosyWeb]

Re : Image différente selon affichage depuis ordi ou depuis smartphone

En effet, c'est de nouveau opérationnel.
Merci :-)

[jonas155]

Re : Image différente selon affichage depuis ordi ou depuis smartphone

Bonjour,
si la différence de taille entre tes 2 logos est importante, utilise alors 2 modules et les suffixes Gantry pour afficher l'un ou l'autre.
Sinon dans le fichier mediaqueries.less si tu utilise le less ou dans ton css, réduit le width de l'image en fonction de la taille de l'écran.