0

このページの著者による垂直 jcarousel の例を再現しようとしています。

http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

ここに私のhtmlコードがあります:

  <html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <link href="skin.css" rel="stylesheet" type="text/css" />
    <script src="jquery.jcarousel.min.js" type="text/javascript"></script>
 <script type="text/javascript">
     $(document).ready(function() {
         $('#mycarousel').jcarousel({
             vertical: true,
             scroll: 2
         });
     });

</script>

</head>

<body >
    <form id="form1" runat="server">
    <div class="FinKaynDiv">

     <div id="slider">

   <ul id="mycarousel" class="jcarousel jcarousel-skin-tango"> 
                <li>Image1</li> 
                <li>Image2</li> 
                <li>Image3</li> 
                <li>Image4</li> 
                <li>Image5</li> 
                <li>Image6</li> 

            </ul> 
    </div>



    </div>
</form>

</body>
</html>

結果は何もありません、画像のリストです!! (注: 質問できるように画像 src="" を変更しました) 問題はありますか?pls ヘルプ.

4

3 に答える 3

1

あなたはおそらく3年後にあなたの答えを得たでしょう:)
あなたの問題はあなたがjcarouselをするべきですdiv#slider. jCarousel のドキュメントによると:

jCarousel は、HTML ドキュメント内の非常に基本的な HTML マークアップ構造を想定しています。

<div class="jcarousel"> <--------------------------------| Root element
    <ul> <-------------------------------| List element  |
        <li>...</li> <---| Item element  |               |
        <li>...</li> <---| Item element  |               |
    </ul> <------------------------------|               |
</div> <-------------------------------------------------|

この構造は一例であり、必須ではありません。次のような構造を使用することもできます。

<div class="mycarousel"> <-------------------------------| Root element
    <div> <------------------------------| List element  |
        <p>...</p> <-----| Item element  |               |
        <p>...</p> <-----| Item element  |               |
    </div> <-----------------------------|               |
</div> <-------------------------------------------------|

唯一の要件は、ルート要素、リスト要素、アイテム要素で構成されていることです。

したがって、スクリプトは次のようになります。

<script type="text/javascript">
     $(document).ready(function() {
         $('#slider').jcarousel({
             vertical: true,
             scroll: 2
         });
     });
</script>
于 2013-12-30T07:30:29.850 に答える
0

JQueryをロードする必要はありませんか?

<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
于 2010-11-09T10:51:30.563 に答える
0

CSSを次のように設定しましたか：

<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">

スクリプトファイルを参照しました：

<script type="text/javascript" src="/lib/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="/skins/tango/skin.css" />
于 2010-11-09T10:00:07.817 に答える