Pb avec shadowbox pas d'effets...
flo4020
Messages postés
62
Statut
Membre
-
flo4020 Messages postés 62 Statut Membre -
flo4020 Messages postés 62 Statut Membre -
Bonjour,
J'ai regardé pas mal de tuto et de foru mpour résoudre mon pb mais rien n'y fait
Je voudrais tout simplement que ma page affiche des images avec shadowbox.
J'ai donc suivit l'aide sur https://www.shadowbox-js.com/usage.html mais rien n'y fait même pour une seule image ça ne se lance pas, il affiche juste mon image dans une autre page comme si il ne lancait pas shadowbox
Voici mon code
Je l'ai simplifié au maximum pour essayer...
J'ai mis tous les fichiers sur mon dossier racine pour tester
Pourriez vous m'aider svp?
Bonne journée.
J'ai regardé pas mal de tuto et de foru mpour résoudre mon pb mais rien n'y fait
Je voudrais tout simplement que ma page affiche des images avec shadowbox.
J'ai donc suivit l'aide sur https://www.shadowbox-js.com/usage.html mais rien n'y fait même pour une seule image ça ne se lance pas, il affiche juste mon image dans une autre page comme si il ne lancait pas shadowbox
Voici mon code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: true
});
</script>
</head>
<body>
<a href="Photos/Journeehospi/DSC07559.jpg" rel="shadowbox" title="Journée hospitalisation">Journée</a>
</body>
</html>
Je l'ai simplifié au maximum pour essayer...
J'ai mis tous les fichiers sur mon dossier racine pour tester
Pourriez vous m'aider svp?
Bonne journée.
4 réponses
-
Il faut que le chemin vers tes fichiers soit juste.
Ici :
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js">
signifie que tes fichiers (.js et .css) sont placés dans le même dossier que ton fichier html (à côté si tu veux). -
Et bien tous ces fichiers (shadowbox et html) sont dans le dossier racine donc ça devrait fonctionné non?
-
Par contre tu as 2 "Doctype", pas normal ça. Il faut d'ailleurs faire attention dans le choix car parfois certaines bibliothèques Javascript ne marchent pas. J'éviterais aussi de mettre des majuscules dans les noms des dossiers (Photos/Journeehospi), la casse peut causer des problèmes.
-
Merci de m'aider ms même en changeant doctype, ça ne marche pas, j'ai donc opté pr la clearbox qui fonctionne parfaitmeent
