Bonjour à tous,
Je me permets décrire ce message pour vous demander votre aide car je suis perdu. Cela fait 2 jours que je suis sur ce problème et je ne trouve aucune solution
Je vais essayer de vous expliquer : jai donc un site basique dans lequel jai ajouté un script pour navoir pas à actualiser la page à chaque lien
jusque là, aucun soucis.
Les problèmes sont arrivés lorsque jai décidé de mettre une lightbox pour afficher mes images.
La page seule marche très bien :
Mais quand jessaye de linsérer dans mon site, plus rien ne marche.
Jai beau tout essayer, rien ny fait : je ne sais pas si ça viens des scripts ou du css.
Voilà mes 2 derniers tests :
- test 1 : jai enlevé le « onload » sur la page index pour voir si la lightbox marcherait. Là, ça marche mais les images de ma page principale restent en premier plan, la lightbox, elle, est au second
bref, pas top.
Voilà la page : wovscreens.free.fr…
Et le code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Nownow" />
<meta name="keywords" content="Nownow, Collection, Saint Seiya, cels, cellulos, cellulos, pvc, figures, figure">
<meta name="description" content="The website of my several collections" />
<meta name="robots" content="all" />
<title>Nownow Collection</title>
<link rel="Shortcut Icon" type="image/x-icon" href="collec" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="collec.xml" />
<script src="js/load.js" type="text/javascript"></script>
<link href="images/collec2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/mootools.v1.1.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>
<link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" />
</head>
<body id="nownow">
<div id="container">
<div id="intro">
<div id="pageHeader">
<h1><span>Nownow Collection</span></h1>
<h2><span>Le plaisir de collectionner</span></h2>
</div>
<div id="quickSummary">
<p align="justify" class="p1"><span>Bienvenue sur ce site.<br />
Vous</span> y trouverez l'ensemble de mes diverses collections.</p>
<p align="justify" class="p2"><span>En espérant que vous apprécierez votre visite.</span></p>
</div>
</div>
<div id="supportingText">
<div id="explanation">
<a href="pages/images/persos/ss1.jpg" rel="lightbox[setName]"><img src="pages/images/persos/thb_ss1.jpg"></a>
<a href="pages/images/persos/ss2.jpg" rel="lightbox[setName]"><img src="pages/images/persos/thb_ss2.jpg"></a>
</div>
<div id="footer">
</div>
</div>
<div id="linkList">
<div id="linkList2">
<div id="lselect">
<h3 class="select"><span>Select a Design:</span></h3>
<ul>
<li><a href="javascript:ajaxpage('pages/news.html', 'explanation');" title="News" accesskey="c">News</a></li>
<li><a href="javascript:ajaxpage('pages/collec.html', 'explanation');", title="Collection" accesskey="d">Collection</a></li>
<li><a href="javascript:ajaxpage('pages/rech.html', 'explanation');" title="Recherches" accesskey="e">Recherches</a></li>
<li><a href="javascript:ajaxpage('pages/ventes.html', 'explanation');" title="Ventes" accesskey="f">Ventes</a></li>
<li><a href="javascript:ajaxpage('pages/contact.html', 'explanation');" title="Contact" accesskey="g">Contact</a></li>
<li><a href="javascript:ajaxpage('pages/plan.html', 'explanation');" title="Contact" accesskey="h">Plan du site </a></li>
</ul>
</div>
<div id="larchives">
<h3 class="archives"><span>Archives:</span></h3>
<ul>
<li><a href="#" title="" >Ignis the Black </a></li>
<li><a href="#" title=""> Kusugawa Sasara - To Heart 2 </a></li>
<li><a href="#" title="">Clare - Claymore </a></li>
</ul>
</div>
<div id="lresources">
<h3 class="resources"><span>Resources:</span></h3>
<ul>
<li><a href="#" title=""> Français</a></li>
<li><a href="pages/english/english.html" title="">English</a></li>
<li><a href="pages/japanese/japanese.html">日本の</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
</body>
</html>
- test 2 : jai testé la lightbox sur une page appelée dans ma div.
Il faut aller dans « collection » puis « cellulos »
Là, limage souvre dans une nouvelle fenêtre
cest à ny rien comprendre
Voilà le code des différentes pages :
Index :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Nownow" />
<meta name="keywords" content="Nownow, Collection, Saint Seiya, cels, cellulos, cellulos, pvc, figures, figure">
<meta name="description" content="The website of my several collections" />
<meta name="robots" content="all" />
<title>Nownow Collection</title>
<link rel="Shortcut Icon" type="image/x-icon" href="collec" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="collec.xml" />
<script src="js/load.js" type="text/javascript"></script>
<link href="images/collec2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/mootools.v1.1.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>
<link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" />
</head>
<body id="nownow" onload="javascript:ajaxpage('pages/news.html', 'explanation');">
<div id="container">
<div id="intro">
<div id="pageHeader">
<h1><span>Nownow Collection</span></h1>
<h2><span>Le plaisir de collectionner</span></h2>
</div>
<div id="quickSummary">
<p align="justify" class="p1"><span>Bienvenue sur ce site.<br />
Vous</span> y trouverez l'ensemble de mes diverses collections.</p>
<p align="justify" class="p2"><span>En espérant que vous apprécierez votre visite.</span></p>
</div>
</div>
<div id="supportingText">
<div id="explanation">
</div>
<div id="footer">
</div>
</div>
<div id="linkList">
<div id="linkList2">
<div id="lselect">
<h3 class="select"><span>Select a Design:</span></h3>
<ul>
<li><a href="javascript:ajaxpage('pages/news.html', 'explanation');" title="News" accesskey="c">News</a></li>
<li><a href="javascript:ajaxpage('pages/collec.html', 'explanation');", title="Collection" accesskey="d">Collection</a></li>
<li><a href="javascript:ajaxpage('pages/rech.html', 'explanation');" title="Recherches" accesskey="e">Recherches</a></li>
<li><a href="javascript:ajaxpage('pages/ventes.html', 'explanation');" title="Ventes" accesskey="f">Ventes</a></li>
<li><a href="javascript:ajaxpage('pages/contact.html', 'explanation');" title="Contact" accesskey="g">Contact</a></li>
<li><a href="javascript:ajaxpage('pages/plan.html', 'explanation');" title="Contact" accesskey="h">Plan du site </a></li>
</ul>
</div>
<div id="larchives">
<h3 class="archives"><span>Archives:</span></h3>
<ul>
<li><a href="#" title="" >Ignis the Black </a></li>
<li><a href="#" title=""> Kusugawa Sasara - To Heart 2 </a></li>
<li><a href="#" title="">Clare - Claymore </a></li>
</ul>
</div>
<div id="lresources">
<h3 class="resources"><span>Resources:</span></h3>
<ul>
<li><a href="#" title=""> Français</a></li>
<li><a href="pages/english/english.html" title="">English</a></li>
<li><a href="pages/japanese/japanese.html">日本の</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
</body>
</html>
Page essai2a.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<a href="pages/image/plant1.jpg" rel="lightbox[setName]"><img src="pages/image/plant1_t.jpg"></a>
<a href="pages/image/plant2.jpg" rel="lightbox[setName]"><img src="pages/image/plant2_t.jpg"></a>
<a href="pages/image/plant3.jpg" rel="lightbox[setName]"><img src="pages/image/plant3_t.jpg"></a>
<a href="pages/image/plant4.jpg" rel="lightbox[setName]"><img src="pages/image/plant4_t.jpg"></a>
</body>
</html>
Jai également essayé dappeler les fonctions dans la page principale mais rien ny fait
Vous trouverez mes différents fichiers js et css ici :
JS : wovscreens.free.fr…
CSS :
Page index : wovscreens.free.fr…
Lightbox : wovscreens.free.fr…
(un autre soucis : je ne peux pas déplacer mon css dans un autre dossier, la page principale ne retrouve pas les images après
même si les liens sont corrects
encore une chose incompréhensible
)
Je ne sais vraiment pas comment my prendre
je compte vraiment sur votre aide. Merci davance.
Edité le 18/03/2008 à 17:17