Question

I am currently trying to implement Coda-Slider 3 into my website.

I have yet to do anything besides seeing if the slider would actually work and it is not working.

When it is loaded, I get the layout and everything but the slider wont slide and there is a broken image and a "loading..." text in the content area.

I am also getting an error in the status bar that is saying

"object doesnt support this property of method line:5"

here is my javascript / html

<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.coda-slider-3.0.min.js" type="text/javascript"></script>
<link href="CSS/coda-slider.css" rel="stylesheet" type="text/css" />
<link href="CSS/Stylesheet1.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#slidertabs").codaSlider();
    });
</script>

</head>
<body>
<form id="form1" runat="server">
<div class="coda-slider" id="slidertabs">
    <div>
        <h2 class="title">Trial</h2>
            bambambasdfasf
            adfasf
    </div>
    <div>
        <h2 class="title">Trial 2</h2>
            la mambaafasdf
            asdfasfsa
    </div>
</div>
</form>

Source Code

<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.coda-slider-3.0.min.js" type="text/javascript"></script>
<link href="CSS/coda-slider.css" rel="stylesheet" type="text/css" /><link href="CSS/Stylesheet1.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#slidertabs").codaSlider();
    });
</script>

</head>
<body>
<form name="form1" method="post" action="User.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQzMzc5MDEyMmRkIe8VCRe6PXi+FaNtf5wR5Ucxk58=" />
</div>

<div class="coda-slider" id="slidertabs">
    <div>
        <h2 class="title">Trial</h2>
            bambambasdfasf
            adfasf
    </div>
    <div>
        <h2 class="title">Trial 2</h2>
            la mambaafasdf
            asdfasfsa
    </div>
</div>
</form>

Was it helpful?

Solution

ALWAYS load jQuery before any other library that are dependant on it like jQuery UI.

from http://kevinbatdorf.github.com/codaslider/

You also need to be sure you import the jQuery, jQuery UI, and the Coda Slider script files as well as the Coda Slider stylesheet. See below for detailed instructions and advanced options.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top