Votre question

[Résolu] - [HTML] Image cliquable a 2 tailles

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
25 Avril 2007 23:41:08

Bonjour a tous,

Voila j'ai un souci simple mais que je sais pas resoudre..
J'aimerai faire une image claquable a 2 tailles, je m'explique, sur mon site nous verons un image d'une certaine taille (petite) et une fois cliqué dessus, l image en taille reel.


Voici mon script :
<p>
<a href="http://img339.imageshack.us/img339/3865/1v1ownyt5.png" onclick="window.open(this.href); return false;"><font size=width="115" height="88" alt="exemple"><img style="border: 0;" src="http://img118.imageshack.us/img118/7787/1v1ownzu6.png"></a>
</p>


J'ai mis un lien image (1er lien) scr=http://.... d'une certaine taille ( upload sur imageshack) et j'ai mis un autre lien (2em lien) scr=http://.... a la taille reel.

Probleme : pour mon premier lien ce n'est pas la taille ue je veux, sur mon script (ci-dessus) vous pouvez voir que jai tenté de redimentionner l'image pas width="115" et height="88", mais ceci ne fonctionne absolument pas.


Quelqu'un aurai une idée sur sa ?
Merci d'avance a tous.

++

Autres pages sur : resolu html image cliquable tailles

26 Avril 2007 10:25:34

alors tu redimentionne directement ton image avec un logiciel de retouche photo et tu la garde en taille normale aussi . alors imaginons qu'on aie image1.gif (petite) et image2.gif (grande . Hey bien tu mets un code tout simple dans ton css:

#class a
{
background: url(images/boutons/image1.gif);
}

#class a:hover
{
background: url(images/boutons/image2.gif);
}

ilmage sera petite puis grande quand il cliquera dessus . Tout en estant dans la meme page .
26 Avril 2007 13:13:50

salut merci pour l'astuce je la rechaerchais egalement
Contenus similaires
26 Avril 2007 17:50:01

mercia toi killive mais petit souci, j'utilise pas le CSS !

J'explique : mon site est un site deja fait (le corp et tout le bordel) et j'ai plus qu'a remplire le contenu.

Pour cela j'ai des blocls HTML ! et je voudrais y mettre mon image cliquable a double tailles.


Killive serait-il possible que tu me fasse le lien ?

Merci d'avance.

++
26 Avril 2007 18:25:03

killive a dit :
alors tu redimentionne directement ton image avec un logiciel de retouche photo et tu la garde en taille normale aussi . alors imaginons qu'on aie image1.gif (petite) et image2.gif (grande . Hey bien tu mets un code tout simple dans ton css:


Je suis ok avec lui, pour faire ce que tu veux Slimman en html voici mon code :

1e page.
  1. <p>
  2. <a href="ton_lien_vers_l'autre_image"><img src="url_de_ton_image_de_petite_taille"></img></a>
  3. </p>

2e page.
  1. <p>
  2. <img src="url_de_ta_grande_image"></img>
  3. </p>


Je crois que c'est ça ce que tu voulais non ?
26 Avril 2007 19:06:37

Non du tout Dark, jveux juste en un "block" tu me met 2 pages toi :( !!!
26 Avril 2007 19:42:33

Je vois pas trop se que tu veux dire. Tu veux avoir ton image de petite taille et quand on clique dessus on arrive sur la grande image, c'est ça ? Si oui, tu es obligé d'avoir deux pages car tu veux qu'on clique dessus. Mais si tu veux juste passer la souri sur l'image et que tout d'un coup la grande image apparait oui je peux te donner le code.
26 Avril 2007 20:28:52

Voici le code on c'est jamais :D 

Entre <HEAD> et </HEAD> :
  1. <SCRIPT LANGUAGE="JavaScript">
  2. i1 = new Image;
  3. i1.src = "[b]lien de ta 2e image[/b]";
  4. </SCRIPT>

Entre <BODY> et </BODY> :
  1. <A HREF="[b]le lien si on clique dessus[/b]" onMouseOver="[b]nomimage1[/b].src=i1.src" onMouseOut="[b]nomimage1[/b].src='[b]lien de la 1er image[/b]'"><IMG SRC="[b]lien de la 1er image[/b]" BORDER=0 WIDTH=88 HEIGHT=31 HSPACE=0 VSPACE=0 NAME="[b]nomimage1[/b]"></A>
26 Avril 2007 21:52:37

Juste un petit truc, je cherche juste un log de retouche d image ou je peux redimensionner mes images ! Car je vais reprendre mon lien que j'ai tapé (jvais tester se que je pensai au debut).


Mon script html :

<p>
<a href="image_a_cliquer" onclick="window.open(this.href); return false;"><img style="border: 0;" src="image_taille_reel"></a>
</p>

Je pense qu'avec se lien j'y arriverai, puique j'aurais préalablement modifié la taille de mon image cliquable.

Merci d'avance pour le log..

26 Avril 2007 23:42:10

C'est bon j'ai resolu mon souci apres des petites reflections de plus, jai pris photofiltre pour redimensionner vos image.


Je vous met un exemple que jai fait ( image NB4, Neuf Box 4)

<p>
<a href="http://img408.imageshack.us/img408/1048/9box2500x383ji3..." onclick="window.open(this.href); return false;"><img style="border: 0;" src="http://img106.imageshack.us/img106/8918/9box2115x88na5...."></a>
</p>


De plus je tenais a faire une rectification on mon precedent script, j'ai fait l'inverse entre les 2 scr=http://....



Voici le script ( a vous de remplir avec des lien relatif et non pas des lien absolu)

<p>
<a href="image_taill_reel" onclick="window.open(this.href); return false;"><img style="border: 0;" src="image_cliquable"></a>
</p>

Merci de votre coup de main, meme si ils m'ont tres peu servi :( 

++
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS