Bonjour, Déjà j'ignore si je poste dans le bon thème. Pardonnez moi
Je souhaiterais insérer une vidéo vimeo dans un carrousel jquery.
Or quand je publie mon code je vois la vidéo mais le défilement des fenêtres est incorrect.
Le caroussel dans le code suivant contient des photos mais je souhaiterais qu'il contienne des vidéos.
Cpmment dois-je procéder?
Code HTML :
<head>
<title>>></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Stylesheets -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/styles.css" />
<!-- Scripts -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.roundabout-1.0.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.roundabout-shapes-1.1.js"></script>
<script type="text/javascript">
$(document).ready(function() { //Start up our Project Preview Carosuel
$('ul#folio_scroller').roundabout({
easing: 'easeOutInCirc',
shape: 'waterWheel',
duration: 600
});
});
</script>
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('.button');
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<![endif]-->
<style type="text/css">
<!--
.Style3 {
color: #0099CC
}
-->
</style>
</head>
<body>
<div id="wrapper" class="container_12 clearfix">
<div class="grid_4">
<a class="meta" href="#">www.siteurlgoeshere.com</a>
<h4 class="title">Project Name</h4>
<div class="hr dotted clearfix"> </div>
<p>Lorem ipsum dolor</p>
<p class="clearfix">
</p>
</div>
<!-- Column 2 / Image Carosuel -->
<div id="folio_scroller_container" class="grid_8 cleafix">
<ul id="folio_scroller">
<li><span>Homepage</span><a href="#"><img alt="" src="images/600x300.gif" /></a></li>
<li><span>Content Page</span><a href="#"><img alt="" src="images/600x300.gif" /></a></li>
<li><span>Dropdown Menu</span><a href="#"><img alt="" src="images/600x300.gif" /></a></li>
<li><span>Comments List</span><a href="#"><img alt="" src="images/600x300.gif" /></a></li>
<li><span>Comment Form</span><a href="#"><img alt="" src="images/600x300.gif" /></a></li>
</ul>
</div>
<div class="hr grid_12 clearfix"> </div>
<!-- Client pickup line --><!-- Footer -->
</div>
<!--end wrapper-->
</body>
</html>
marie sophie
