jCarousel插件无法正常工作。 [英] jCarousel plugin not working.
本文介绍了jCarousel插件无法正常工作。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
I am not able to slideshow of images using jCarousel.
Help me in finding the error.
I have the following code:
<head runat="server">
<title>Untitled Page</title>
<link href="Layout.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery.jcarousel.min.js"></script>
<!-- Slider Kit execution -->
<script type="text/javascript">
$(document).ready(function(){
$('.nav_Container').jcarousel({
'list':'.nav_List',
'items':'.nav_Clip'
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="nav_Container">
<!-- Nav Clip -->
<div class="nav_List">
<div class="nav_Clip">
<asp:Image CssClass="img_Show" ID="Image1" ImageUrl="~/bg.jpg" runat="server" />
</div>
<div class="nav_Clip">
<asp:Image CssClass="img_Show" ID="Image2" runat="server" ImageUrl="~/pl.jpg" />
</div>
<div class="nav_Clip">
<asp:Image CssClass="img_Show" ID="Image3" runat="server" ImageUrl="~/san.jpg" />
</div>
<div class="nav_Clip">
<asp:Image ID="Image4" CssClass="img_Hidden" runat="server" ImageUrl="~/small.jpg" />
</div>
</div>
</div>
</form>
</body>
</html>
推荐答案
(document).ready(function(){
(document).ready(function(){
('。nav_Container')。jcarousel({
'list':'。nav_List',
'items':'。nav_Clip'
});
});
< / script >
< / head >
< body >
< 表单 id = form1 runat = server >
< div class= nav_Container >
<! - Nav Clip - >
< div class = nav_List >
< div class = nav_Clip >
< asp:Image CssClass = img_Show ID = Image1 ImageUrl = 〜/ bg.jpg runat = server / >
< / div >
< div class = nav_Clip >
< asp:Image CssClass = img_Show ID = Image2 runat < span class =code-keyword> = server ImageUrl = 〜/ pl.jpg / >
< / div >
< div class = nav_Clip >
< asp:Image CssClass = img_Show ID = Image3 runat = server ImageUrl = < span class =code-keyword>〜/ san.jpg / >
< / div >
< div class = nav_Clip >
< asp:Image ID = Image4 CssClass = img_Hidden runat = server ImageUrl = 〜/ small.jpg / >
< / div >
< / div >
< / div >
< / form >
< / body >
< / html >
('.nav_Container').jcarousel({ 'list':'.nav_List', 'items':'.nav_Clip' }); }); </script> </head> <body> <form id="form1" runat="server"> <div class="nav_Container"> <!-- Nav Clip --> <div class="nav_List"> <div class="nav_Clip"> <asp:Image CssClass="img_Show" ID="Image1" ImageUrl="~/bg.jpg" runat="server" /> </div> <div class="nav_Clip"> <asp:Image CssClass="img_Show" ID="Image2" runat="server" ImageUrl="~/pl.jpg" /> </div> <div class="nav_Clip"> <asp:Image CssClass="img_Show" ID="Image3" runat="server" ImageUrl="~/san.jpg" /> </div> <div class="nav_Clip"> <asp:Image ID="Image4" CssClass="img_Hidden" runat="server" ImageUrl="~/small.jpg" /> </div> </div> </div> </form> </body> </html>
无效的jcarousel.min.js已加载到您的文档中,请下载并提供您根位置的相对路径。
Invalid jcarousel.min.js is loaded into your document, please download it and provide relative path from your root location.
这篇关于jCarousel插件无法正常工作。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文