18041 sujets

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

Problème d'affichage de la galerie en javascript

Hello tout le monde...
Voilà mon problème :
J'ai copié les scirpts et tout sur mon site ... le problème c'est que quand on clique sur une des vignettes(petite photos), elle s'affiche dans une page blanche au lieu de s'afficher ou elle doit.
comme je suis très débutant en js, est-ce que qqun peut me dire ce qu'on doit changer ?

MiluX

PS: j'ai trouvé un article ou qqun a exactement le même problème mais ça m'aide pas et personne ne me répond là alors je poste un nouveau topic.
Modifié par MiluX (05 Mar 2007 - 17:37)
Bonjour Milux et bienvenue parmi nous, Smiley cligne

Une des règles du forum, que tu as certainement lue en t'inscrivant, précise que ce forum n'est pas un tchat et qu'une expression écrite correcte est fortement appréciée ...

Pour essayer de répondre à ta question, il faudrait comprendre ce que signifie :

a écrit :
liquer sur les minis ...

Smiley rolleyes
Modifié par Vero (05 Mar 2007 - 13:07)
Désolé Vero j'étais un peu pressé et j'ai fais quelques fautes d'orthographe Smiley cligne . Mais maintenant que tu me l'as signalé, j'ai changé. Merci pour la remarque,

MiluX
Super !
Le titre est à corriger également...

Puis, avec un lien sur le tutoriel Alsacreations que tu n'arrives pas à adapter ainsi que ton code, ou mieux : un exemple en ligne, nous aurons des chances qu'un spécialiste de javascript trouve l'énergie et l'envie de t'aider ...

Smiley cligne Smiley biggrin
Bonjour,
Ayant le meme probleme que toi Milux , je me permet de venir participer a ton topic.
Voulant moi aussi faire une galerie photo sur mon site internet , j'ai voulu essayer d'inserer la galerie proposer ici :http://css.alsacreations.com/Tutoriels-JavaScript/galerie-photo-javascript sur une page toute simple.
Mon code html est le suivant :
<html>
<head>

 <script type="text/javascript" src="java/script.js"></script>


<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>




<div id="galerie">
	<ul id="galerie_mini">
		<li><a href="images/bmx.jpg" title="bmx"><img src="images/minis/m_bmx2.jpg"></a></li>
	    <li><a href="images/bmx2.jpg" title="bmx2"><img src="images/minis/m_bmx.jpg"></a></li>
    </ul>

	<dl id="photo">
		
		<dd><img id="big_pict" src="images/bmx.jpg">
		</dd>
		
	</dl>
</div>

	  
	  
</body>
</html>


La feuille css et le script java sont les memes que ceux proposer sur le tuto.

Merci de vos reponses
Hello tout le monde.
En fait j'ai essayé de le mettre en ligne pour vous donner une URL et quand je l'ai mis sur Internet, ça marchait Smiley eek .Je pense que c'est le fait de l'avoir en local qui faisait que ça s'ouvrait dans une autre fenêtre... Donc voilà pour moi le problème est résolu !! Merci à vous de m'avoir aidé !!

MiluX
Modifié par MiluX (05 Mar 2007 - 17:38)
Sniff... Moi qui étais tout content ... ça recommence Smiley fache !!
Bon voilà mon code 

<html>
<head>
<style>
div#galerie
{
	width: 500px ;
	background: solid pink ;
	border: 1px solid pink ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
	overflow : auto;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #bbb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #A44A70 ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 0px solid #dcb ;
}
</style>
</head>
<body>
     <h1>Enfant » Prêt-à-porter</h1>
	<div id="galerie">
	<ul id="galerie_mini">
		<li><a href="images/Faza.jpg" title="Faïza"><img src="images/faza-petit.jpg" alt="Faïza" border="0" /></a></li>
		<li><a href="images/Fanny.jpg" title="Fanny"><img src="images/fanny-petit.jpg" alt="Fanny" border="0" /></a></li>
		<li><a href="images/Fatou.jpg" title="Fatou"><img src="images/fatou-petit.jpg" alt="Fatou" border="0" /></a></li>
		<li><a href="images/Faty.jpg" title="Faty"><img src="images/faty-petit.jpg" alt="Faty" border="0" /></a></li>
		<li><a href="images/Fioa.jpg" title="Fioa"><img src="images/fioa-petit.jpg" alt="Fioa" border="0" /></a></li>
		<li><a href="images/Floris.jpg" title="Floris"><img src="images/floris-petit.jpg" alt="Floris" border="0" /></a></li>
		<li><a href="images/fiona.jpg" title="Fiona"><img src="images/fiona-petit.jpg" alt="Fiona" border="0" /></a></li>
		<li><a href="images/fua.jpg" title="Fua"><img src="images/fua-petit.jpg" alt="Fua" border="0" /></a></li>
		
	</ul>

	
	<dl id="photo">
		<dt>Faïza</dt>
		<dd><img id="big_pict" src="images/Faza.jpg" alt="Faïza" border="0" /></dd>
	</dl>
	</div>
</body>
</html>


Merci d'avance pour les réponses ...

MiluX

PS : l'URL : www.pumpkinjelly.com/new/index.php?page=enfant-pap(j'ai pas réussi à mettre un lien Smiley eek )
Modifié par MiluX (05 Mar 2007 - 18:16)
Hello tout le monde ... je vois que personne ne s'intéresse à mon problème ... Smiley bawling
En plus j'aurais vraiment besoin d'une solution !!

MiluX
En fait j'ai trouvé ou était le problème ... Le chemin qui appelait le script était faux Smiley langue . J'aurais peut-être dû y penser avant !! Merci de votre aide quand même.

MiluX
Salut,

effectivement un problème d'adresse ce n'est pas trop méchant Smiley cligne

Il y a un autre cas très basique et qu'il faut avoir à l'esprit où le script n'est pas opérant et c'est celui où un autre script est déclaré après celui de la galerie, si ce deuxième script donne lieu lui aussi à un déclenchement sur onload.

on ne peut pas avoir :

window.onload = displayPics;
window.onload = autre_fonction;


Dans ce cas le dernier onload écrasera tous les autres.

La question est abordée dans le tutoriel de julien :
http://css.alsacreations.com/Tutoriels-JavaScript/JavaScript-organiser-son-code-en-modules

<edit>

Il y a aussi le superbe tutoriel de Koala qui aborde lui toutes les questions Smiley eek

Smiley prie
http://css.alsacreations.com/Tutoriels-JavaScript/bonnes-pratiques-javascript

</edit>
Modifié par Christian Le Bouler (11 Mar 2007 - 10:34)
Sujet clos
Aller à