Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1655 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème lightbox

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème lightbox

n°2078355
pauline46
Posté le 26-05-2011 à 11:28:10  profilanswer
 

Bonjour!
 
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!  :o  Pourtant je pense avoir suivi à la lettre les instructions: http://www.yoxigen.com/yoxview/usage.aspx
Quelqu'un peut m'aider?
 
Pauline

mood
Publicité
Posté le 26-05-2011 à 11:28:10  profilanswer
 

n°2079377
pauline46
Posté le 31-05-2011 à 09:55:34  profilanswer
 

up

n°2079453
egege
Posté le 31-05-2011 à 11:31:35  profilanswer
 

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 ?

n°2079472
pauline46
Posté le 31-05-2011 à 12:39:14  profilanswer
 

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" );

n°2079559
egege
Posté le 31-05-2011 à 16:28:23  profilanswer
 

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.
 
 
 

n°2080393
el-benefit
Posté le 04-06-2011 à 18:41:56  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème lightbox

 

Sujets relatifs
Problème de requête MySQLProblème CSS : Alignement et/ou width
Problème avec onMouseover et onMouseoutPHP - Formulaire problème value
probleme editeur de texte "setTextFormat"probleme lightbox IE firefox opera
Problème d'affichage du player soundclick avec IEProbléme de tableau dans requete sql
Problème avec lightboxProblème avec Lightbox sous Firefox
Plus de sujets relatifs à : Problème lightbox


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR