Tom's Guide > Forum > Programmation > [Résolu] - [HTML] Image cliquable a 2 tailles

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

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

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

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 :

<a href="http://img339.imageshack.us/img339/3865/1v1ownyt5.png" onclick="window.open(this.href); return false;"><img style="border: 0;" src="http://img118.imageshack.us/img118/7787/1v1ownzu6.png"></a>


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.

++

Message édité par slimman le 26-04-2007 à 23:43:05

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

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 .

Message cité 1 fois

Répondre à killive

salut merci pour l'astuce je la rechaerchais egalement

Répondre à albertimus

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.

++

Répondre à slimman

killive a écrit :

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

1e page.

Code :

<a href="ton_lien_vers_l'autre_image"><img src="url_de_ton_image_de_petite_taille"></img></a>

2e page.

Code :

<img src="url_de_ta_grande_image"></img>

Je crois que c'est ça ce que tu voulais non ?

Répondre à darksulfura

Non du tout Dark, jveux juste en un "block" tu me met 2 pages toi !!!

Répondre à slimman

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.

Message édité par darksulfura le 26-04-2007 à 19:43:12

Répondre à darksulfura

Voici le code on c'est jamais

Entre <HEAD> et </HEAD> :

Code :

<SCRIPT LANGUAGE="JavaScript">
i1 = new Image;
i1.src = "[b]lien de ta 2e image[/b]";
</SCRIPT>

Entre <BODY> et </BODY> :

Code :

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

Répondre à darksulfura

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 :


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


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

Répondre à slimman

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)


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


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)


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


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

++

Répondre à slimman

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > [Résolu] - [HTML] Image cliquable a 2 tailles

Aller à :

Aide |
Règles du forum

Il y a 2074 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 2,327 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens