I want to develop a module for sliding the images using jquery in DotNetNuke.
Here is my .ascx code
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Slider.ascx.cs" Inherits="DotNetNukeGuru.Map.Slider" %>
<link type="text/css" rel="stylesheet" href="cssbuttonstoggler.css" />
<link type="text/css" rel="stylesheet" href="featuredcontentglider.css" />
<script language="javascript" src='/DesktopModules/OfficeMap/featuredcontentglider.js' type="text/javascript"></script>
<script language="javascript" src='/DesktopModules/OfficeMap/jquery-1.2.2.pack.js' type="text/javascript"></script>
<script type="text/javascript">
featuredcontentglider.init({
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Glide animation duration (in milliseconds)
direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>
<div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent">
<img src="http://ecatalog.flashecom.com/espec/small/1011441397.jpg" alt="img1" style="float: right; padding: 5px"/>
<strong>Garmin 255 Automobile Navigator</strong>
<p>For peace of mind on the go, nüvi 255 leads the way with voice-prompted turn-by-turn directions that speak street names and keep you informed.</p>
<p>Our Price: $222.56</p>
<p><a href="http://pc30.flashecom.com/orbitsystems/ssproduct.asp?pf_id=1011441397"><IMG src="buynow.gif" alt="img2" border=0></a></p>
</div>
<div class="glidecontent">
<img src="http://ecatalog.flashecom.com/espec/small/1012044307.jpg" alt="img3" style="float: right; padding: 5px"/>
<strong>Acer Aspire One A150-1126 Notebook</strong>
<p>The Aspire One A150-1126 Notebook redefines mobile connectivity packed with fun and powerful computing features.</p>
<p>Our Price: $222.56</p>
<p><a href="http://pc30.flashecom.com/orbitsystems/ssproduct.asp?pf_id=1012044307"><IMG src="buynow.gif" alt="img4" border=0></a></p>
</div>
<div class="glidecontent">
<img src="http://ecatalog.flashecom.com/espec/small/1012028590.jpg" alt="img5" style="float: right; padding: 5px"/>
<strong>Nikon Coolpix S710 Digital Camera - Red</strong>
<p>14.5 Megapixels for stunning prints as large as 16 x 20 inches. Sharp resolution captures the finest details, crop creatively and produce incredible enlargements.</p>
<p>Our Price: $222.56</p>
<p><a href="http://pc30.flashecom.com/orbitsystems/ssproduct.asp?pf_id=1012028590"><IMG src="buynow.gif" alt="img5" border=0></a></p>
</div>
<div class="glidecontent">
<img src="http://ecatalog.flashecom.com/espec/small/1011844364.jpg" alt="img6" style="float: right; padding: 5px"/>
<strong>Sony DPFD70 Digital Photo Frame</strong>
<p>For peace of mind on the go, nüvi 255 leads the way with voice-prompted turn-by-turn directions that speak street names and keep you informed.</p>
<p>Our Price: $222.56</p>
<p><a href="http://pc30.flashecom.com/orbitsystems/ssproduct.asp?pf_id=1011844364"><IMG src="buynow.gif" alt="img7" border=0></a></p>
</div>
</div>
<div id="p-select" class="cssbuttonstoggler">
<a href="#" class="toc"><span>1</span></a> <a href="#" class="toc"><span>2</span></a> <a href="#" class="toc"><span>3</span></a> <a href="#" class="toc"><span>4</span></a>
<a href="#" class="prev"><span>Back</span></a> <a href="#" class="next"><span>Foward</span></a>
</div>
Please let me know where i am going wrong..