Home/ Questions/Q 3870698
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T21:45:10+00:00

This is the first time I’ve ever tried JQuery basically because I couldnt get

  • 0

This is the first time I’ve ever tried JQuery basically because I couldnt get the AJAX Slideshow to work.

This is not working out for me. Its basically showing the images stacked on one another.

Im running this with ASP.NET 2.0. with Visual Studio 2010.

Does anyone have a clue about what Im doing wrong here?

Here is my code, which I think is pretty identical to the example that came with the download:

1.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="DaVincisApp1.WebForm2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css"> 
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
</style>

<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js" />
<script type="text/javascript" src="Scripts/jquery.cycle.min.js" />

<script type="text/javascript">
    $(document).ready(function () {
        $('.slideshow').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle
        });
    });
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="slideshow">
   <img alt="Image1" src="Images/Slide1.jpg" />
   <img alt="Image2" src="Images/Slide2.jpg" />
   <img alt="Image3" src="Images/Slide3.jpg" />
   <img alt="Image4" src="Images/Slide4.jpg" />
</div>
</form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The order of of the .js files is important as well as the script tag itself.

    This works:

    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.cycle.min.js"></script>

    This doesnt work:

    <script type="text/javascript" src="Scripts/jquery.cycle.min.js" />
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js" />
    • 0