begin process at 2012 05 28 23:25:18
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Affichage d'une image dans un autre cadre en xhtml - css - javascript


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

Affichage d'une image dans un autre cadre en xhtml - css - javascript

mardi 3 avril 2007 à 19:59:42 | Affichage d'une image dans un autre cadre en xhtml - css - javascript

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.
Voilà je réalise un petit site internet et une de mes pages sert à l'affichage de différentes images.

Je m'explique :

Sur ma page j'ai une liste à gauche de mes images. Afin d'éviter d'avoir une page qui descend trop loin à cause de la liste, j'ai intégré une balise div qui me permet de créer une barre de défilement. Dans cette liste les images sont en petit format. Ce que je souhaiterais c'est que quand je clique sur une des images en petit format sur la gauche, elle s'affiche en grand dans la grande partie à sa droite. Il va de soit que ce grand cadre à droite sert à afficher toutes les images qui sont dans la liste. Je pense que le plus simple pour gérer ce type d'affichage est d'utiliser le javascript. De plus quand je clique sur l'image, doit-elle être mise dans une balise du genre <a> ou <a href> ou autres.

Merci pour toutes vos réponses

PS : Voici le lien d'une page sur eBay qui représente bien ce que je voudrais faire : http://cgi.ebay.fr/POCKET-BIKE-EL-DIABLO-NOIR-ET-ROUGE-50-CM3_W0QQitemZ190097496243QQcategoryZ89459QQrdZ1QQcmdZViewItem
mardi 3 avril 2007 à 20:32:31 | Re : Affichage d'une image dans un autre cadre en xhtml - css - javascript

stfou

Membre Club
Déja posté (moi aussi depuis que mon butineur bug, j'arrette pas de cliquer.)


mnu.bmpstefou.bmp
Stfou
mercredi 11 avril 2007 à 14:04:09 | Re : Affichage d'une image dans un autre cadre en xhtml - css - javascript

yousfane

Salut
tu peux essayer ça:

<script langage="javascript">
function agrandir(im){
document.getElementById("image").src = im
}
</script>
<IMG id="image" HEIGHT = "200" WIDTH = "150" SRC = "http://www.cs.ualberta.ca/~zaiane/courses/tice/animation/wave1.gif">
<div>
<img width="60" height="40" src="http://www.cs.ualberta.ca/~zaiane/courses/tice/animation/wave2.gif" onclick="agrandir(this.src)">
<img width="60" height="40" src="http://www.cs.ualberta.ca/~zaiane/courses/tice/animation/wave3.gif" onclick="agrandir(this.src)">
<img width="60" height="40" src="http://www.cs.ualberta.ca/~zaiane/courses/tice/animation/wave4.gif" onclick="agrandir(this.src)">
</div>
<style>
div
{
position : absolute;
left : 400px;
}
</style>



Cette discussion est classée dans : images, image, liste, affichage, cadre


Répondre à ce message

Sujets en rapport avec ce message

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 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 Cadre dans une images JPG [ par Spacego ] Bonjour à tous,Voilà depuis un petit moment, j'essaye de trouver un moyen d'intégrer un cadre, qui permettrais d'afficher un lien extérieur (HTML), da visualiser une image [ par orionis ] Bonjour,Pour mon site, je voudrais afficher des images à partir d'une page de vignettes.Pour l'instant, la ligne de commande est simplement :<IMG SRC= mauvais fonctionnement du cache avec les images pre-chargees [ par sunelis ] Bonjour à tousle site que je réalise est hebergé sur un serveur IIS et j'ai différents boutons réalisés à partir de deux images (une dans la position popup image [ par swiss_cheese10 ] Salut le people ! Bon alors voici mon prob...Sur mon futur site, j'ai pas mal d'images et j'aimerais que quand l'utilisateur clique sur une image, un Problème d'affichage en HTML [ par mouniersophie ] Bonjour a tous,je débute dans cette programmation et j'essaye d'afficher un texte suivie d'une image à un certain endroit de ma page comme suit :CP</D affichage d'image avec onmouseover [ par Atorina ] Bonjour,J'aimerai afficher une image quand on passe sur un texte.Par exemple dans un talbeau, j'ai 2 colonnes.Dans la premiere je veux mettre du texte Taille Image sans document.images[0]..... [ par jdaviaud ] Voila,Ce que je recherche, c'est une fonction qui me permet de connaitre la largeur et la hauteur d'une image depuis son urlen gros j'ai ma variable t


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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,172 sec (4)

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