18041 sujets

Questions générales et questions de débutants

Jquery et mootools non compatible ?

Bonjour à tous,

Sur mon site web, je veux utiliser jquery cycle pour un diaporama, et mootools plus précisément mooflow. Problème rencontré : impossible de faire fontionner les 2 en meme temps , c ou l'un ou l'autre.

Pensez vous qu'il y est une solution ou dois je laisser tomber et choisir l'un ou l'autre.
voici le code : ou le sit web suivant :

http://www.nsink.fr/projets.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<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-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" src="js/jsMooFlow/mootools-1.2-core.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>
Parce que j'aimerais bien qu'on m'aide. Car je suis un peu dans la Mer.....
Je dois rendre le projet dans des délais assez bref et je coince grave !!

Merci pour votre aide
dreadstock a écrit :
Parce que j'aimerais bien qu'on m'aide. Car je suis un peu dans la Mer.....
Je dois rendre le projet dans des délais assez bref et je coince grave !!


Le problème c'est qu'en créant plusieurs sujet similaires, tu risque d'avoir l'effet inverse, à savoir aucune réponse.

Je vais de ce pas vérouiller ce topic.
Modifié par Laurie-Anne (07 Apr 2009 - 14:01)
Sujet clos
Aller à