Click here to Skip to main content
15,887,746 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
XML
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>
Posted

1 solution

Invalid jcarousel.min.js is loaded into your document, please download it and provide relative path from your root location.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900