1485 sujets

Web Mobile et responsive web design

[Résolu] Jquery Mobile Carousel

Bonjour,
j'ai un petit soucis avec ce script.
je peux faire défiler mes pages horizontalement sans problème sur mon iphone.
Mais impossible de faire défiler ma page verticalement. Une partie de cette page du coup ne peut pas être visible.
Pouvez vous m'aider ?
Merci beaucoup.
Smiley smile 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="index,follow" name="robots" />
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<link href="pics/homescreen.png" rel="apple-touch-icon" />
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
  <script src="javascript/functions.js" type="text/javascript"></script>
  <script type='text/javascript' src='jquery-1.4.4.min.js'></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"></script>
  <link rel="stylesheet" type="text/css" href="normalize.css"/>
  <script type='text/javascript' src="https://github.com/blackdynamo/jQuery-Mobile-Carousel/raw/master/jquery.ui.ipad.js"></script>
  <script type='text/javascript' src="https://github.com/blackdynamo/jQuery-Mobile-Carousel/raw/master/jquery.mobile.carousel.js"></script>


  <script type='text/javascript'>
  $(window).load(function(){
      (function($) {
        $("#carousel1").carousel({direction: "horizontal"});
    })(jQuery);
  });
  </script>
  
<title>document</title>
<meta content="iPod Touch et iPhone Web Site !" name="keywords" />
<meta content="Pod Touch et iPhone Web Site !" name="description" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />



</head>
<body>


<div id="topbar">
    <div id="title">ET</div>
</div>
<div id="leftbutton">
		<a href="iphone.html">Accueil</a></div>
</div>

<div style="height: 800px; width: 320px">
  <ul id="carousel1" style="display: none;">
    <li><div style="width: 100%; height: 100%; background-color:#381;">1</div></li>
    <li><div style="width: 100%; height: 100%; background-color:#837;">2</div></li>
    <li><div style="width: 100%; height: 100%; background-color:#999;">3</div></li>
    <li><div style="width: 100%; height: 100%; background-color:#738;">4</div></li>
    <li><div style="width: 100%; height: 100%; background-color:#142;">5</div></li>
    <li><div style="width: 100%; height: 100%; background-color:#927;">6</div></li>
    <li><div style="width: 100%; height: 100%; background-color:#987;">7</div></li>
  </ul>
</div>
 
</body>
</html

Modifié par daggoon (05 Mar 2012 - 18:04)
Sujet clos
Aller à