Redimensionnement d'image pour iphone avec framework JAT3

[djsalsavoy]

Bonjour,

J'ai récemment installé le JA T3 Blank Template.
N'étant pas informaticien, je pense que ce template peut me convenir.
J'ai vu qu'on pouvait utiliser des layouts pour smartphone et ça m'intéresse beaucoup.

Par contre, avec les layouts smartphone, les images qui sont trop grandes dépassent de l'écran (ou plutôt ne sont affichées que partiellement d'un côté).

Comment puis-je faire pour que la taille des images s'adaptent en fonction du matériel de l'internaute ; pc ou smartphone ?

Merci à tous pour votre aide,

Bonne soirée

[lomart]

Re : Redimensionnement d'image pour iphone avec framework JAT3

Bonsoir,

Il suffit d'indiquer une des dimensions en pourcentage
exemple
<img width="100%" src="/images/photo.jpg" alt="">

On peut omettre ou mettre NanN pour la 2ème dimension
exemple
<img width="100%" height="NaN" src="/images/photo.jpg" alt="">

[djsalsavoy]

Re : Redimensionnement d'image pour iphone avec framework JAT3

Merci pour ta réponse,

En effet, ça marche pour le layout iphone (Il faut donc que je reprenne toutes mes images).
Par contre, ça m'affiche des images trop grande sur pc. Y a-t-il moyen de limiter la taille max ?


Est-ce qu'il existe la même solution pour les iframe genre youtube ?

[ced1870]

Re : Redimensionnement d'image pour iphone avec framework JAT3

salut
pour ma part j'utilise une règle css très simple :

img { max-width: 100%}

CEd

[lomart]

Re : Redimensionnement d'image pour iphone avec framework JAT3

Y a-t-il moyen de limiter la taille max ?

Il faut les placer dans une DIV avec un style max-width
exemple:
<div style="max-width:400px"> <img width="100%" src="http://lorempixel.com/800/400" alt=""/></div>

Sinon optez pour un template responsive que n'est pas JAT3
Voir strapped, JA-Elastic, ...

[djsalsavoy]

Re : Redimensionnement d'image pour iphone avec framework JAT3

Pour la règle CSS,

Je mets ça en tête du CSS en passant par joomla (Gestion des templates : Templates) ?
Mais est-ce que ça permettra de mettre une max-width sélective aussi ? Ou est-ce que de toute façon, je suis obligé de mettre le style dans le html ?

Sinon, pour le max-width, ça permet de régler mon problème sur PC.

Merci à tous pour ces réponses

[ced1870]

Re : Redimensionnement d'image pour iphone avec framework JAT3

tu peux mettre la règle css dans ton template en passant par l'admin de joomla, oui par exemple

Mais est-ce que ça permettra de mettre une max-width sélective aussi ?

tu peux faire ce que tu veux en css

Ou est-ce que de toute façon, je suis obligé de mettre le style dans le html ?

si tu mets la règle css, pas besoin d'ajouter le code dans le html étant donné que ce css sera appliqué à toutes les images

[djsalsavoy]

Re : Redimensionnement d'image pour iphone avec framework JAT3

Merci pour les infos.
J'imagine par contre que pour le max-width, si je le mets dans le css, ça donne les mêmes limites pour toutes les images.
Au début, j'en ai eu besoin pour corriger l'effet du img width="100%" qui me donnait des images qui dépassaient leur résolution native (donc pas beau).
Je vais essayer de bidouiller le CSS prochainement.

En tout cas merci pour le coup de main, ça me permet d'avancer malgré mes maigres connaissances,

Bonne soirée