11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous.

J'ai un problème avec LightWindow.
Je m'explique:
Sur mon site en construction ma page d'accueil sera ma galerie. Je voudrais utiliser cette galerie avec des frame/page html dans LightWindows pour ajouter des informations. Ceux de la galerie ne me plaisent pas et conviennent pas.
Ce que je voudrais, c'est naviguer dans LightWindow et accéder à la précédente ou prochaine image soit manuellement comme je cherche à faire en mettant le lien de la prec/proch image soit par l'outil prec/proch du LightWindow comme ça se fait pour les images.

J'ai créé dans chacune des pages un lien permettant d'y accéder seulement ça m'ouvre un onglet avec la frame et (et le css ne marche pas).

Ce script permet d'afficher des pages externes comme c'est montré dans les démos, et des pages locales, mais j'ai pas vu de liens dans celle ci, si ce n'est que pour la fermer.


Voici ma première frame (dont l'affichage est bon):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">

.bigcont
{
	font			: bold normal normal 13px arial;
	margin-top		: 2px;
	float			: left;
	width			: 580px;
}

.navi
{
	font			: bold normal normal 13px arial;
	color			: #272727
	margin-top		: 2px;
	float			: left;
}
	
.liste
{
	width			: 200px;
	line-height		: 13px;
	height			: auto;
	float			: left;
	margin-right	: 10px;
	margin-top		: 5px;
}

a:link {color: #272727; text-decoration:none;}
a:visited {color: #272727; text-decoration:none;}

</style>
</head>

<body>
<img src="big/images/1.jpg" alt="IAMsterdam" border="0" />

<div class="bigcont" >
     <span style="color:#CC0000">Iam</span>sterdam
</div>

<div class="navi" >
     <a href="big/2.html">&#9658;</a>
</div>

<div class="liste">
    <b>Lieu:</b> Amsterdam<br>
    <b>Date:</b> Décembre 2008
</div>

<div class="liste">
    <b>Appareil:</b> Kodak LS743<br>
    <b>Effet:</b> Noir & Blanc
</div>

</body>
</html>


Le lien:
<a href="big/2.html" class="lightwindow" params="lightwindow_width=735,lightwindow_height=440">


Liens vers les démos, les JS et CSS de LightWindow:
Démos
JS combinés
CSS à partir #lightwindow_overlay

Mon arborescence:
upload/35774-expli.jpg

Voilà. Smiley eek

Si quelqu'un à déjà utilisé LightWindow et pense savoir ou si y'a un fou(lle) qui veut se lancer à m'aider dans ce "projet" à mon avis faisable. Je le remercie grandement! Smiley lol
Modifié par Benguiii (17 Mar 2011 - 14:39)