Bonjour,
J'ai une page html qui fonctionne avec des divs, css, javascript et mootools.
<html>
<head><link rel="stylesheet" href="wp-content/themes/slidingdoor/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="wp-content/themes/slidingdoor/style2.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/slidingdoor/imagemenu/imageMenu.css" />
<script type="text/javascript" src="wp-content/plugins/sociofluid/js/jquery-1.2.6.min.js"></script><script type="text/javascript" src="wp-content/plugins/sociofluid/js/jquery.jqDock.min.js"></script><link rel="stylesheet" type="text/css" href="wp-content/plugins/wp-scrippets/scrippets.css">
<script type="text/javascript" src="wp-content/themes/slidingdoor/imagemenu/mootools.js"></script>
<script type="text/javascript" src="wp-content/themes/slidingdoor/imagemenu/imageMenu.js"></script>
<head>
<body>....
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){location=(e);}});
});
</script>
....
....
</body>
</html>
Tout fonctionne très bien. Le menu slide, parfait. J'ai besoin d'incorporer une lightbox pour afficher des images à partir de liens dans une div. J'ai choisi fancybox (http://fancybox.net/) parce que j'aime bien son esthétisme et qu'elle me semblait facile d'utilisation.
Aussi, lorsque je dois ajouter en :
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
<<<<<différents effets possibles pré configurés>>>>>>
});
</script>
...
</head>
<body>
....
<a id="<<<1 des effets pré configurés>>>" href="./example/4_b.jpg" title="Lorem ipsum dolor sit amet"><img alt="example4" src="./example/4_s.jpg" /></a>
...
...
</body>
</html>
et bien plus rien ne fonctionne ! Le menu slide est figé ou la lightbox ne s'affiche pas et m'ouvre une page blanche où il affiche l'image en question. J'aimerai comprendre pourquoi....
Modifié par parisienne17 (12 Oct 2010 - 19:00)
J'ai une page html qui fonctionne avec des divs, css, javascript et mootools.
<html>
<head><link rel="stylesheet" href="wp-content/themes/slidingdoor/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="wp-content/themes/slidingdoor/style2.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" media="screen" href="wp-content/themes/slidingdoor/imagemenu/imageMenu.css" />
<script type="text/javascript" src="wp-content/plugins/sociofluid/js/jquery-1.2.6.min.js"></script><script type="text/javascript" src="wp-content/plugins/sociofluid/js/jquery.jqDock.min.js"></script><link rel="stylesheet" type="text/css" href="wp-content/plugins/wp-scrippets/scrippets.css">
<script type="text/javascript" src="wp-content/themes/slidingdoor/imagemenu/mootools.js"></script>
<script type="text/javascript" src="wp-content/themes/slidingdoor/imagemenu/imageMenu.js"></script>
<head>
<body>....
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){location=(e);}});
});
</script>
....
....
</body>
</html>
Tout fonctionne très bien. Le menu slide, parfait. J'ai besoin d'incorporer une lightbox pour afficher des images à partir de liens dans une div. J'ai choisi fancybox (http://fancybox.net/) parce que j'aime bien son esthétisme et qu'elle me semblait facile d'utilisation.
Aussi, lorsque je dois ajouter en :
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
<<<<<différents effets possibles pré configurés>>>>>>
});
</script>
...
</head>
<body>
....
<a id="<<<1 des effets pré configurés>>>" href="./example/4_b.jpg" title="Lorem ipsum dolor sit amet"><img alt="example4" src="./example/4_s.jpg" /></a>
...
...
</body>
</html>
et bien plus rien ne fonctionne ! Le menu slide est figé ou la lightbox ne s'affiche pas et m'ouvre une page blanche où il affiche l'image en question. J'aimerai comprendre pourquoi....
Modifié par parisienne17 (12 Oct 2010 - 19:00)