Question

I donwloaded and used a jQuery image slider template in my code. I use WebMatrix to design my website. But sometimes I migrate to VS2008 to create the ContactUs form etc., which I feel is easier to work with VS2008.

The slider worked perfect when running from WebMatrix but when from VS2008, I just get the images one below the other. I don’t get it, its the same code running, same library, everything is the same but then, why this problem?

Below is the js source path. Please tell me if you need anything else. Thank you!

    <script type="text/javascript" src="demo/scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>

Answer 1

Try using this way:

<script type="text/javascript" src="demo/scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.nivo.slider.js"></script>
 //                             ---^-------------------just removed the ../
<script type="text/javascript">
  $(window).load(function() {
    $('#slider').nivoSlider();
  });
</script>

try once if this helps.