Aide zoombox
Dernière réponse : dans Programmation
Bonjour,
alors voila, pour mon projet tut, je voudrais réaliser une zoombox avec des photos. Seulement, problèmes, la zoombox marche mais elle n'est pas affiché au bon endroit. Au lieu d'être au millieu de la page, elle est tout en bas à gauche et en verticale.
De plus, quand je clique sur une autre photos, celle ci apparait mais la zoombox descend dans la page, comme si celle d'avant rester ouverte (sans photo dedans).
Pourriez vous m'aidez s'il vous plait ?
P.S. je me suis aidé de grafikart pour faire ma zoombox.
alors voila, pour mon projet tut, je voudrais réaliser une zoombox avec des photos. Seulement, problèmes, la zoombox marche mais elle n'est pas affiché au bon endroit. Au lieu d'être au millieu de la page, elle est tout en bas à gauche et en verticale.
De plus, quand je clique sur une autre photos, celle ci apparait mais la zoombox descend dans la page, comme si celle d'avant rester ouverte (sans photo dedans).
Pourriez vous m'aidez s'il vous plait ?
P.S. je me suis aidé de grafikart pour faire ma zoombox.
Autres pages sur : aide zoombox
Lassé par la pub ? Créez un compte
<!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" >
<head>
<title>Réalisation</title>
<link href="realisation.css" type="text/css" rel="stylesheet" media="screen"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jque..."></script>
<script type="text/javascript" src="zoombox/zoombox.js"></script>
<link href="/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
jQuery(function($){
$('a.zoombox').zoombox({
theme : 'lightbox',
});
});
</script>
</head>
<body>
<div id="back">
<div id="menu">
<ol>
<li><a href="presentation.html">Accueil</a></li>
<li><a href="realisation.html">Réalisation</a></li>
<li><a href="cv.html">CV</a></li>
<li><a href="contact.html">Contact</a></li>
</ol>
</div>
<div id="videos">
<h3>Vidéos</h3>
<p>Mes réalisations vidéoludiques sont aux nombres de trois. Deux d'entres elles présentent une succesion de scènes de films. L'une des deux seulement est términée.</br>
La troisième était une mini bande annonce, pour un film fictif, parodiant "La planète des Singes". Cette vidéo n'a, hélas, jamais était términée.</p>
</div>
<div id="images">
<h3>Images</h3>
<p>Je n'ai que très récement comencé à me servir de photoshop et autre logiciel du même genre, j'ai donc très peu de créations imagée à mon nom.</p>
</div>
<div id="projets">
<h3>Projets</h3>
<p>Je n'ai à mon actif que très peu de réalistions de dossier en groupe, il n'y en a qu'une, c'est mon projet de travaux pratique encadrés, réalisé durant mon année de première. Mon dossier porté sur l'évolution des lycée depuis leurs créations à nos jours, en passant bien évidemment par la période Napoléonienne.</p>
</div>
<div id="sites">
<h3>Sites</h3>
<p>J'ai créé un site, cette année, que je n'ai pas mis sur internet. Mon site présente la solution d'un jeu vidéo de Playstation 3: Uncharted 2</p>
</div>
<div id="aphoto">
<a class="zoombox zgallery1" title="aphoto" href="aphoto.jpeg"><img src="aphoto.jpeg" alt="" /></a>
</div>
<div id="classeur">
<a class="zoombox zgallery1" title="classeur" href="classeur.gif"><img src="classeur.gif" alt="" /></a>
</div>
<div id="arobase">
<a class="zoombox zgallery1" title="arobase" href="arobase.gif"><img src="arobase.gif" alt="" /></a>
</div>
</div>
</body>
</html>
Et voila le html, je pense que l'erreur est ici car le reste je l'ai prit direct sur le site !
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Réalisation</title>
<link href="realisation.css" type="text/css" rel="stylesheet" media="screen"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jque..."></script>
<script type="text/javascript" src="zoombox/zoombox.js"></script>
<link href="/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
jQuery(function($){
$('a.zoombox').zoombox({
theme : 'lightbox',
});
});
</script>
</head>
<body>
<div id="back">
<div id="menu">
<ol>
<li><a href="presentation.html">Accueil</a></li>
<li><a href="realisation.html">Réalisation</a></li>
<li><a href="cv.html">CV</a></li>
<li><a href="contact.html">Contact</a></li>
</ol>
</div>
<div id="videos">
<h3>Vidéos</h3>
<p>Mes réalisations vidéoludiques sont aux nombres de trois. Deux d'entres elles présentent une succesion de scènes de films. L'une des deux seulement est términée.</br>
La troisième était une mini bande annonce, pour un film fictif, parodiant "La planète des Singes". Cette vidéo n'a, hélas, jamais était términée.</p>
</div>
<div id="images">
<h3>Images</h3>
<p>Je n'ai que très récement comencé à me servir de photoshop et autre logiciel du même genre, j'ai donc très peu de créations imagée à mon nom.</p>
</div>
<div id="projets">
<h3>Projets</h3>
<p>Je n'ai à mon actif que très peu de réalistions de dossier en groupe, il n'y en a qu'une, c'est mon projet de travaux pratique encadrés, réalisé durant mon année de première. Mon dossier porté sur l'évolution des lycée depuis leurs créations à nos jours, en passant bien évidemment par la période Napoléonienne.</p>
</div>
<div id="sites">
<h3>Sites</h3>
<p>J'ai créé un site, cette année, que je n'ai pas mis sur internet. Mon site présente la solution d'un jeu vidéo de Playstation 3: Uncharted 2</p>
</div>
<div id="aphoto">
<a class="zoombox zgallery1" title="aphoto" href="aphoto.jpeg"><img src="aphoto.jpeg" alt="" /></a>
</div>
<div id="classeur">
<a class="zoombox zgallery1" title="classeur" href="classeur.gif"><img src="classeur.gif" alt="" /></a>
</div>
<div id="arobase">
<a class="zoombox zgallery1" title="arobase" href="arobase.gif"><img src="arobase.gif" alt="" /></a>
</div>
</div>
</body>
</html>
Et voila le html, je pense que l'erreur est ici car le reste je l'ai prit direct sur le site !
Dans ce cas voila le code css, vraiment bourrin je trouve, il n'est pas de moi !
=> C'est comme sa ?
Lassé par la pub ? Créez un compte
