18073 sujets

Questions générales et questions de débutants

Galerie photo

Salut à tous.

J'ai 2 petites questions:

-Est-il possible de modifier la taille de CHAQUE grandes images? Et faire varier cette taille? (Je ne souhaite pas d'une taille standart à toutes les images)

-Comment supprimer le commentaire associer au curseur de la souris quand on pointe les miniatures ou la grande image?


Merci pour votre aide Smiley ravi
En php (parce que je connais pas javacript qui le fait peut être aussi) tu peux mettre tes images dans une variable en leur associant des dimensions et les resortir à l'affichage dans les propriétés de l'image.
Modérateur
Salut, Smiley lol

Bienvenue sur Alsacréations...
shyshy a écrit :
-Est-il possible de modifier la taille de CHAQUE grandes images? Et faire varier cette taille? (Je ne souhaite pas d'une taille standart à toutes les images)
Tu n'as qu'à indiquer les dimensions dans ta balise:
<img src="glop.jpg" alt="glop" width="200" height="100">
Pour chaque image tu procèdes de même... ( je comprends mal ta question? )

Pour ce qui est du commentaire, on utilise normalement l'attribut "title" pour le mettre donc si tu l'omets tu n'auras rien excepté sous IE (bug) qui t'affiche le texte alternatif "alt". Tu ne dois pas virer ce dernier dans un soucis d'accessibilité...

@+ Smiley cligne
ok, mais je comprends pas, où c'est que je peux inclure cette propriété.

Voilà, la ligne correspondant aux images proprement dites:
<li><a href="images/photo2.png" title="Titre de la photo 2"><img src="images/minis/m_photo2.png" alt="Le titre de la photo 2" /></a></li>


Le truc c'est que la grande image est gérée par "a href" et non par "img src".

Comment dois-je faire?
Modérateur
Rebonjour, Smiley pump

Dans ce cas, tu renvoies directement sur la photo donc il n'y a rien à faire, la photo s'affichera avec ses propres dimensions au sein du naviguateur. C'est uniquement si le lien renvoyait sur une page contenant la photo que tu aurais eu à insérer ce code. Néanmoins, tu dois rajouter les dimensions de ta vignette...

çà donne çà:
<li><a href="images/photo2.png" title="Titre de la photo 2">
<img
src="images/minis/m_photo2.png"
alt="Le titre de la photo 2"
width="200"
height="100" />
</a></li>

Modifié par koala64 (02 Aug 2005 - 09:56)
Donc il faut que je modifier la photo avant de la mettre sur la page, c'est bien ça?

Il n'y a aucune solution pour changer les dimentions de l'image sur le navigateur.


C'est plutôt contraignant!


Oui, j'ai mis le code pour les miniatures.


Merci en tout cas Smiley ravi
Modérateur
Bah t'as bien la solution d'insérer tes images dans une page html, auquel cas tu peux contrôler la taille de la même manière que pour les vignettes mais le mieux est d'adapter la taille de ta photo au préalable... Smiley smile
Comment ça d'insérer mon image dans une html?


Ouai je sais mais la qualité de l'image est moins bonne quand je modifie au préalable.
Sinon tu peux écrire un script PHP qui va redimensionner automatiquement tes images. C'est pas très compliqué si tu connais un peu...
Modérateur
Salut,

Normalement, lorsque tu as ta photo, la taille est généralement plus grande que celle d'affichage donc lorsque tu réduis la taille tu ne perds pas en qualité.

Lorsque je dis insérer ton image dans une page html, je veux dire mettre une balise "img" au sein d'une page html. Smiley ravi
84mickael>non je connais pas trop, tu peux me dire où regarder, sur quel site?



koala64>ah ok, j'avais pas compris! Smiley ravi
koala64 a écrit :

<img src="glop.jpg" alt="glop" width="200" height="100">

je dirais même plus
<img src="glop.jpg" alt="glop" id="image1" />

et la css :

#image1
{
height: 100px;
width: 100px;
}
Modérateur
the_penguin a écrit :

je dirais même plus
<img src="glop.jpg" alt="glop" id="image1" />

et la css :

#image1
{
height: 100px;
width: 100px;
}

Ah ben non, justement. C'est ce que je faisais auparavant mais Laurent m'a suggéré de laisser les dimensions apparentes après quelques accrocs avec notre ami Bobby. C'est d'ailleurs précisé dans le lien qu'il vient de laisser. Je te laisse le post en question...

http://forum.alsacreations.com/topic.php?fid=6&tid=5593&s=
Modifié par koala64 (08 Aug 2005 - 20:15)
Laurent Denis> Je ne comprends pas ceci:

Utiliser pour les vignettes de prévisualisation d'images des versions spécifiques de celle-ci, et non les images originales redimensionnées via leurs attributs HTML, leurs propriétés CSS, etc.




Et donc je fais comment?
Modérateur
Celà veut dire que tu dois avoir des images de petite taille et ne pas passer par le redimensionnement en html ou css de celles de grande taille. Tu le fais dans ton éditeur graphique. Smiley cligne
ah oui, aussi: je n'arrive pas à centrer mes vignettes, elles sont calées à gauche.

Quelle est la variante à modifier?
J'utilise cette méthode pour afficher une fenêtre avec la photo en plus grand, elle a l'avantage de marcher si on a désactivé le javascript.

Comme j'affiche beaucoup d'images je génère ce code via une fonction PHP



<a href='img/dze0650_6.jpg'onclick='window.open(this.href,"photo","width=620,height=470,left=0,top=0,scrollbars=no,resizable=no,menubar=no,status=no,dependent=yes,focus()"); return false;'>
<img class='il240' src='img/dze0650_2.jpg' alt='Le d&eacute;sert en fleurs' title="Le d&eacute;sert en fleurs" />
</a>


Si ça peut t'aider...

Nadia
Sujet clos
Aller à