I am making an image slider with jquery but facing problems..as on running just my images are shown one by one not the slider...i am a beginner so please help me n suggest me with ur valuable suggestion....
my code is as following...
i have imported nivo slider,nivo slidr pack and css file and the images too...please plz help me out
========
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"
type="text/javascript">
</script> <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
=======
=======
<wrapper>
<img src="Images/2.jpg" alt="" title="Cylcist riding on the edge of the cliffs in Half Moon Bay" />
<img src="Images/3.jpg" alt="" title="#htmlcaption" />
<img src="Images/4.jpg" alt="" title="This is Half Moon Bay. Horses wallk on the beach." />
<img src="Images/5.jpg" alt="" title="People ride horses and bicycles on the path and on the beach, or along the cliff" />
<img src="Images/1.jpg" alt="" title="Benches with a view" />
<img src="Images/dynamic.gif" alt="" title="Wildflowers grow abundantly" />
<!-- end slider div-->
<!-- end nivo-html-caption div-->
<script type="text/javascript"> $(window).load(function()
{ $('#slider').nivoSlider({effect:'sliceDownLeft',
directionNavHide:false,
prevText: 'Prev',
nextText: 'Next',
}); }); </script>
======
</form>
</body>
</html>
Submit an article or tip