Se connecter avec
S'enregistrer | Connectez-vous

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

Dernière réponse : dans Programmation

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

Lassé par la pub ? Créez un compte

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 .

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.

++

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 ?

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.

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>

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..

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 :( 

++
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

  • Contenus similaires :
Tags :
Tom's guide dans le monde