Bonjour à tous ,
Je suis en train de créer un site web pour mon frangin.
Je souhaite intégrer 2 bibliothèques jquery et mootools plus particulierement mooflow.
Mais mon problème c'est que je n'arrive pas a faire fonctionner les 2 ensemble. J'ai tout essayé mais impossible.
Mon niveau en Javascript est pas top du tout, je me sert des scripts que je trouve un peu partout pour avancer.
J'ai trouver un petit script noconflit pour rendre compatible les 2 . Mais je ne sais pas et n'arrive pas a le faire fonctionner
Voila j'ai essayé de modifier les $() en les remplaçants par $j(). Mais quenini !!
Alors voila je suis coincé .
voici mon code mais je ne sais pas quoi modifier pour que cela marche . Merci pour votre aide qui me sera très précieuse car la je coince : voir site web
www.nsink.fr/projets.html ou bien avec le code ci-dessous merci merci merci pour votre aide
<title>Arch-FS Architecte Marseille</title>
<link href="css/bases_projets.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/cssMooFlow/MooFlow.css" />
<link rel="stylesheet" type="text/css" href="css/cssMooFlow/milkbox.css" />
<link rel="stylesheet" type="text/css" href="css/cssMooFlow/MooFlowViewer.css" />
<style type="text/css">
pre { display:none }
#right { cursor: pointer }
</style>
<script type="text/javascript" src="js/jsMooFlow/mootools-1.2-core.js"></script>
<script type="text/javascript" src="js/jsMooFlow/mootools-1.2-more.js"></script>
<script type="text/javascript" src="js/jsMooFlow/MooFlow.js"></script>
<script type="text/javascript" src="js/jsMooFlow/milkbox.js"></script>
<script type="text/javascript" src="js/jsMooFlow/MooFlowViewer.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
var myMooFlowPage = { start: function(){ /* MooFlow instance with the Milkbox Viewer */ var mf = new MooFlow($('MooFlow'), { useSlider: true, useCaption: true, useMouseWheel: true, useKeyInput: true, useViewer: true, onClickView: function(obj){ Milkbox.showThisImage(obj.href, obj.title + ' - ' + obj.alt); } }); } }; window.addEvent('domready', myMooFlowPage.start);
</script>
<script type="text/javascript" src="js/jquery-1.3.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all69d6.js?v2.56"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
<script type="text/javascript">
$.fn.cycle.defaults.speed = 900;
$.fn.cycle.defaults.timeout = 6000;
$(function() {
// run the code in the markup!
$('#ink pre code').each(function() {
eval($(this).text());
});
});
;
</script>
</head>
<body>
<div id="container">
<div id="conteneur_haut">
<div id="logo">
<div id="main_left">
<h1 class="h1">2008 - 2009</h1>
Hinc ille come 2008</div>
</div>
<div id="main_right">
<div id="ink">
<table cellspacing="20">
<tr><td height="315" ><div id="right" class="pics">
<img src="images/projets/1/projets1.jpg" width="600" height="300" />
<img src="images/projets/1/projets2.jpg" width="600" height="300" />
<img src="images/projets/1/projets3.jpg" width="600" height="300" />
<img src="images/projets/1/projets4.jpg" width="600" height="300" />
</div>
<pre><code class="mix">
$('#right').cycle({
fx: 'scrollRight',
next: '#right',
timeout: 0,
easing: 'backinout'
});
</code></pre>
</td></tr></table>
</div>
</div>
<ul id="menu">
<li><a href="#" class="">AGENCE</a></li>
<li><a href="#" class="">PROJETS</a></li>
<li><a href="#" class="">DESIGN</a></li>
<li><a href="#" class="">CONTACT</a></li>
</ul>
<div id="divMowFlow">
<div id="MooFlow"> <a href="index.html" rel="link"><img src="images/mob1.png" title="Stag" alt="mobilier design" /></a> <a href="index.html" rel="link"> <img src="images/mob2.png" title="Alveo" alt="texte alternatif" /></a> <a href="index.html" rel="link"> <img src="images/mob3.png" title="Kuro" alt="texte alternatif" /></a> <a href="index.html" rel="link"> <img src="images/mob4.png" title="Chair" alt="texte alternatif" /></a> <a href="index.html" rel="link"> <img src="images/mob5.png" title="CanapAlveo" alt="texte alternatif" /></a> <a href="index.html" rel="link"> <img src="images/mob6.png" title="Bureau" alt="texte alternatif" /></a> <a href="index.html" rel="link"> <img src="images/mob7.png" title="Unik" alt="texte alternatif" /></a> <a href="index.html" rel="link"> <img src="images/mob8.png" title="Pliane" alt="texte alternatif" /></a> <a href="index.html" rel="link"> <img src="images/mob9.png" title="Epsilé" alt="texte alternatif" /></a> <a href="index.html" rel="link"> <img src="images/mob10.png" title="TBass" alt="texte alternatif" /></a><a href="index.html" rel="link"><img src="images/mob11.png" title="Tab" alt="texte alternatif" /></a></div>
</div>
</div>
</div>
</body>
</html>
je vous serais très reconnaissant