Problème lightbox
Problème lightbox - HTML/CSS - Programmation
Marsh Posté le 31-05-2011 à 11:31:35
Il faudrait en savoir plus qu'un simple "ca marche pas".
Tu as un lien vers ton site ou au moins une partie de ton code ?
Marsh Posté le 31-05-2011 à 12:39:14
Mais tout à fait,
Voilà donc ça c'est pour la partie avec les photos:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="yoxview/yoxview-init.js"></script>
<link rel="stylesheet" type="text/css" href="yoxview/yoxview.css" />
<title>Document sans nom</title>
</head>
<body>
<div class="yoxview">
<a href="photo_voyage/01.jpg"><img src="miniatures/01.jpg" alt="Image 1"/></a>
<a href="photo_voyage/02.jpg"><img src="miniatures/02.jpg" alt="Image 2"/></a>
</div>
</body>
</html>
Et ça le code relié (comme c'est indiqué dans les instructions):
var yoxviewPath = getYoxviewPath();
var cssLink = top.document.createElement("link" );
cssLink.setAttribute("rel", "Stylesheet" );
cssLink.setAttribute("type", "text/css" );
cssLink.setAttribute("href", yoxviewPath + "yoxview.css" );
top.document.getElementsByTagName("head" )[0].appendChild(cssLink);
function LoadScript(url)
{
document.write( '<scr' + 'ipt type="text/javascript" src="' + url + '"><\/scr' + 'ipt>' ) ;
}
var jQueryIsLoaded = typeof jQuery != "undefined";
if (!jQueryIsLoaded)
LoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" );
LoadScript(yoxviewPath + "yoxview-nojquery.js" );
function getYoxviewPath()
{
var scripts = document.getElementsByTagName("script" );
var regex = /(.*\/)yoxview-init/i;
for(var i=0; i<scripts.length; i++)
{
var currentScriptSrc = scripts[i].src;
if (currentScriptSrc.match(regex))
return currentScriptSrc.match(regex)[1];
}
return null;
}
// Remove the next line's comment to apply yoxview without knowing jQuery to all containers with class 'yoxview':
//LoadScript(yoxviewPath + "yoxview-nojquery.js" );
Marsh Posté le 31-05-2011 à 16:28:23
J'ai regardé en diagonale sur le site.
Il ne faut pas jquery pour le faire tourner ? Quand tu regarde le code source de la démo la librairie est appelée.
Ton "code relié" il est ou ? Et il sort d'ou ?
D'une façon générale quand ca marche pas, essaye de partir de l'exemple le plus simple et puis au fur et à mesure tu adapte. Et un outil qui te sera précieux pour analyser le code source de la démo, c'est "Firebug" pour Firefox ou équivalent pour les autres navigateurs.
Marsh Posté le 04-06-2011 à 18:41:56
Il ne faut pas un href="csyoxview/yoxview-init.js" ? dans ta balise link
edit : ah c'est fais je navais pas vu^^
Par contre tu peux tester avec un rel="yoxview" dans tes img plus tot que sur ta div
Message édité par el-benefit le 04-06-2011 à 18:44:13
Sujets relatifs:
- Problème de requête MySQL
- Problème CSS : Alignement et/ou width
- Problème avec onMouseover et onMouseout
- PHP - Formulaire problème value
- probleme editeur de texte "setTextFormat"
- probleme lightbox IE firefox opera
- Problème d'affichage du player soundclick avec IE
- Probléme de tableau dans requete sql
- Problème avec lightbox
- Problème avec Lightbox sous Firefox
Marsh Posté le 26-05-2011 à 11:28:10
Bonjour!
Pourtant je pense avoir suivi à la lettre les instructions: http://www.yoxigen.com/yoxview/usage.aspx
Je souhaiterais installer la lightbox YoxView : http://www.yoxigen.com/yoxview/ pour visionner des photos sur un site, j'ai bien regardé la marche à suivre: j'ai bien un dossier pour les miniatures et un dossier pour les photos taille normale, il me semble avoir bien tout inséré, seulement.. ça ne marche pas!
Quelqu'un peut m'aider?
Pauline