begin process at 2012 05 29 05:54:23
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Javascript et ActiveX

 > 

Autre

 > 

faire apparaître et agrandir une image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

faire apparaître et agrandir une image

dimanche 4 novembre 2007 à 18:05:45 | faire apparaître et agrandir une image

TOONIE

Bonjour,

 

Pourriez-vous m'aider à solutionner mon problème de script ?

 

Pour simplifier, disons que j'ai ici 3 images nommées « 01.jpg », « 02.jpg » et « 03.jpg », stockées dans le menu que nous appellerons « Répertoire ». Chaque image possède 3 variables différentes (nom, etc.) : « D », « H » et « N ».

Ces images circulent dans un cadre défilant. En cliquant sur une image réduite sous forme de vignette, je souhaite qu'elle apparaisse sous un format plus grand dans un cadre se situant au-dessus. Entre ce cadre et les vignettes, les 3 variables de l'image sélectionnée apparaissent aussi, comme suit :

 

--------------------------------------------

I Cadre pour afficher image agrandie I

--------------------------------------------

N :

H :

D :

 

----------------------------------

I Défilement des vignettes I

----------------------------------

 

 

Je sèche à 2 endroits. Tout d'abord, je ne parviens pas à composer ni à trouver sur le web le script permettant d'afficher la grande image et faire apparaître automatiquement les 3 variables. Enfin, je ne comprends pas pourquoi l'opacité des vignettes est la même à l'écran, que se soit 15 ou 30.

   

Voici mon script s'il peut vous aider un peu (rien dans <head>, tout dans <body>) :

 

<div align="center"><strong><font color="#FFFFFF"><em>      

ICI LE CODAGE POUR VISUALISER AGRANDIE L'IMAGE ?  width="163" height="290" border="1" /alt="" /><br />

<font color="#000000" size="3"><p>N : bla bla 01</p><p>H : bla bla 02</p><p>D : bla bla 03</p><br /></font></em></font></strong>

 <div align="center"><font face="Verdana"><strong><font color="#FFFFFF" size="1"><em><font color="#000066"><font face="Verdana"><strong><font color="#FFFFFF" size="1"><em><font color="#000066"><font color="#000099"></font></font></font></em></font></strong></font><font color="#000099">

Sélectionner une vignette pour l'agrandir</font></font></em></strong></font></div>

 

<p align="center"><MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=10 direction=left height=60>

<font face="Verdana"><a href="01.jpg"><img src="Répertoire/01.jpg" border="1" width="30" height="25" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font>&nbsp;

<font face="Verdana"><a href="02.jpg"><img src="Répertoire/02.jpg" border="1" width="30" height="25" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font>&nbsp;

<font face="Verdana"><a href="03.jpg"><img src="Répertoire/03.jpg" border="1" width="30" height="25" style="filter:alpha(opacity=15)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font>&nbsp;

</MARQUEE>


D'avance merci pour votre aide 
TOONIE
vendredi 9 novembre 2007 à 18:09:20 | Re : faire apparaître et agrandir une image

PetoleTeam

Membre Club
Bonjour,
La fonction  pourrait ressembler à cela
//---------------------------------
function makevisible( this_, etat_){
  var O_Image = document.getElementById( 'I_IMAGE');
  var O_Texte = document.getElementById( 'D_TEXTE');
  if( !etat_){
    var szTmp = this_.src;
    O_Image.src = szTmp;
    O_Texte.innerHTML = szTmp;
  }
  else{
    O_Image.src = "image par defaut";
    O_Texte.innerHTML = "";
  }
}
Il faut bien sur que tu es un dans ton document par exemple
<div id="D_IMAGE">
  <img id="I_IMAGE" src =
"image par defaut" >
</div>
<div id="D_TEXTE">
</div>


Un conseil oublies les accents et mets tes noms en minuscule
;0)
vendredi 9 novembre 2007 à 19:11:04 | Re : faire apparaître et agrandir une image

TOONIE

Salut PetroleTeam,

Merci pour ta réponse et je prends bonne note de tes remarques. Juste quelques petites interrogations :
Je suppose que je remplace "image par defaut" par le nom de mon/mes images(s) ?
Lorsque tu dis "Il faut bien sur que tu es un dans ton document par exemple
<div id="D_IMAGE">
  <img id="I_IMAGE" src =
"image par defaut"
>
</div>
<div id="D_TEXTE">
</div>" entends-tu par là que ce script doit être répété pour chaque image ou bien dois-je le mettre une seule fois quelque part ?

Bonne continuation,


TOONIE
mardi 13 novembre 2007 à 20:48:06 | Re : faire apparaître et agrandir une image

PetoleTeam

Membre Club
Bonjour,
Je suppose que je remplace "image par defaut "
Oui.
entends-tu par là que...
Le script doit être entre des balises
<script type="text/javascript">
</script>
comme d'habitude...
;0)



Cette discussion est classée dans : image, cadre, apparaître, agrandir, bla


Répondre à ce message

Sujets en rapport avec ce message

information sur une image dans un cadre spécifié [ par vencent15081980 ] Bonjour ,Je souhaite lorsque l'on passe la souris sur une image (avec un lien ou non) afficher des infos sur cette image (plusieurs lignes) à un endro Faire apparaître des images en alternance dans un même cadre [ par erge ] Bonjour, J'aimerai savoir quelle est la méthode la plus simple et la plus sûr pour son fonctionnement pour faire apparaître dans un même cadre ou calq pre chargement d'images [ par ludoweb ] Bonjour :-)j'ai trouvé un script pour le préchargement d'images, j'en ai besoin car j'ai une page avec des rollover, donc 8 images en tout. j'ai adapt agrandir une image sur la même page en survolant une vignette [ par MEXICANINO ] Salut à tous et sutout BONNE ANNEE !!!!Je galere trop, je voudrais sur mon site agrandir une image sur la même page en survolant une vignette"mouseove Recadrage dynamique [ par wacha ] Bonjour,Je suis a la recherche d'une fonction permettant de recadrer dynamiquement une image.Je m'explique, lorsqu'une personne uploadera une image de Affichage d'une image dans un autre cadre en xhtml - css - javascript [ par Hackers50 ] Bonjour à tous,Ca fait maintenant quelque jour que je cherche une solution à mon problème et j'espère que ce forum où de moins vous pourrez m'aider.Vo pb d'affiche d'image en ligne dans un cadre [ par dscooby ] salutj'ai un soucis d'affichage d'image en ligne dans une page html,j'ai 50 images que je veux afficher en ligne avec un ascenceur horizontal,mais voi Agrandir une image dans une popup au survol de la souris [ par pcsystemd ] Bonjour voila après deux jours de recherche je me décide a demander de l'aide. J'ai une petite image (vignette) et je souhaite lorsque l'on survol la intervertir une image dans un cadre [ par crasse ] bonjour toutes et tous !voila j'ai un probleme assez petit mais bon, je ne lui ai pas trouvé de solution : sous dreamweaver, je souhaiterai interverti Faire apparaître une image avec un passage de souris [ par kouedic ] Bonjour,Je suis en train de réaliser un site internet et sur une page je souhaiterais faire l'application suivante : Le fait de passer la souris sur u


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,343 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales