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 :
merci à todos
Modifié par dreadstock (05 Apr 2009 - 21:34)
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 :
<!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>
merci à todos
Modifié par dreadstock (05 Apr 2009 - 21:34)
