18041 sujets

Questions générales et questions de débutants

Probleme de galerie d'images

Bonjour,

J'ai utilisé le code "galerie javascript" pour faire une galerie d'image, jusque la rien d'anormal^^,
mais quand j'en mets une deuxieme, les grandes images de la deuxieme galerie apparaissent dans une nouvelle page et nn pas dans son emplacement.

Quel serai le code pour remedier a ce probleme?^^

voici le code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="title" content="Jérôme ARRIAILH : illustrateur, webdesigner, infographiste."/>
	<meta name="keywords" content="jerome, arriailh, illustrateur, infographiste, webdesigner, illustration, illustrations, infographie, webdesign, logo, logos, carte de visite, cartes de visites, flyers, bd, bande dessinée, bandes dessinées, web, dessinateur"/>
	<meta name="description" content="Je mets mon savoir faire à votre service pour concevoir toutes sortes d'illustrations et logos, dans des styles assez différents les uns 
				des autres, qui agrémenteront vos sites internet, flyers, affiches, cartes de visites ... !!"/>
	<title>Jérôme ARRIAILH : illustrateur, webdesigner, infographiste.</title>
	<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
	<script type="text/javascript" src="script.js"></script>
</head>

<body>
	
	<div id="conteneur">
		<div id="menu">
			<ul>
				<li><a href="index.html" title="L'accueil" class="accueil"></a></li>
				<li><a href="illus.html" title="Les illustrations" class="illus"></a></li>
				<li><a href="contact.html" title="Pour me contacter" class="contact"></a></li>
				<li><a href="liens.html" title="Les amis et autres" class="liens"></a></li>
			</ul>
		</div>

		<div id="contenu">
		
			<div id="colone">
				<p class="travail"><strong>#2 Travail personnel</strong></p>
				<img src="imgcontenu/colone/img1.jpg" alt="travail personnel #1"/>
				<p class="date"><strong>Date :</strong> 2010</p>
				<p class="outil"><strong>Outils/media :</strong> Tablette graphique, Photoshop.</p>
				<p class="com"><strong>Commentaire :</strong> Un logo pour une entreprise de vente en accessoires et pièces de tuning.</p>
			</div>

			<div id="galerie"> 
				<dl id="illustration"> 
					<dd><img id="big_pict" src="imgcontenu/illu1.jpg" alt="illustration 1 en taille normale" /></dd> 
				</dl> 
				<ul id="galerie_mini"> 
					<li><a href="imgcontenu/illu1.jpg" title="illu1"><img src="imgcontenu/mini/btn1.png" alt="illustration 1" /></a></li>
					<li><a href="imgcontenu/illu2.jpg" title="illu2"><img src="imgcontenu/mini/btn2.png" alt="illustration 2" /></a></li>
					<li><a href="imgcontenu/illu3.jpg" title="illu3"><img src="imgcontenu/mini/btn3.png" alt="illustration 3" /></a></li>
					<li><a href="imgcontenu/illu4.jpg" title="illu4"><img src="imgcontenu/mini/btn4.png" alt="illustration 4" /></a></li>
					<li><a href="imgcontenu/illu5.jpg" title="illu5"><img src="imgcontenu/mini/btn5.png" alt="illustration 5" /></a></li>
				</ul> 
			</div> 
		</div>
		<div id="contenu">
		
			<div id="colone">
				<p class="travail"><strong>#1 Travail profesionnel</strong></p>
				<img src="imgcontenu/colone/img2.jpg" alt="travail personnel #1"/>
				<p class="date"><strong>Date :</strong> 2010</p>
				<p class="outil"><strong>Outils/media :</strong> Tablette graphique, Photoshop.</p>
				<p class="com"><strong>Commentaire :</strong> Une illustration pour un T-shirt.</p>
			</div>
			<div id="galerie"> 
			
				<dl id="illustration"> 
					<dd><img id="big_pict" src="imgcontenu/illu6.jpg" alt="illustration 6 en taille normale" /></dd> 
				</dl> 
				
				<ul id="galerie_mini"> 
					<li><a href="imgcontenu/illu6.jpg" title="illu6"><img src="imgcontenu/mini/btn1.png" alt="illustration 6" /></a></li>
				</ul> 
			</div> 
		</div>
		<div id="footer">
			<p>Copyright &copy; jerome arriailh 2010</p>
		</div>		
	</div>	
</body>
</head>


Merci d'avance ^^
Modifié par billalith (24 Apr 2010 - 22:10)
Salut et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Bonne continuation Smiley smile

upload/1-code.gif
Bonsoir,

billalith a écrit :
Quel serai le code pour remedier a ce probleme?^^

Un script totalement différent permettant de gérer plusieurs galeries dans une même page.
billalith a écrit :
ok merci de m'avoir répondu, mais quel serai le code? Smiley lol

Ben là si j'avais une demi-journée libre devant moi et un chèque de 200 EUR de ta part devant moi (pour être gentil sur le tarif Smiley cligne ), je te coderais bien un truc tip-top sur mesure.
Sinon tu peux chercher sur GOOGLE, YAHOO ou BING si tu trouves pas un autre script qui serait adapté à ton besoin, vu que celui-ci ne peut pas être adapté facilement et qu'écrire un script fonctionnel c'est du boulot. Smiley smile
Ceci dit je vais peut-être un peu vite en besogne. Il y aurait peut-être moyen d'adapter le script d'Olivier en modifiant la fonction displayPics pour qu'elle accepte en argument trois identifiants. En gros quand dans la fonction il y a un:
document.getElementById('truc')

il faudrait plutôt un:
document.getElementById(id_truc)

(où "id_truc" est le nom d'un argument de la fonction)

Ce ne serait pas la seule modification à faire mais ça serait un début.
Sujet clos
Aller à