Solved

Images wont change with ajax toolkit slideshow extender

Posted on 2009-04-07
6
1,725 Views
Last Modified: 2012-05-06
I recently went through the online videa at MS to create a slide show page using the slideshow extender.  The page loads, and at first, appears to work normally, but the images dont change.

My code for the page and the SlideService is below.  Any help would be greatly appreciated.
******************slideshow.aspx*******************

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="slideshow.aspx.vb" Inherits="slideshow" %>
 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
 

<!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>Untitled Page</title>

</head>

<body>

    <form id="form1" runat="server">

    <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"  >

    </cc1:ToolkitScriptManager>

    <div style="text-align:center">

        <asp:Image ID="Image1" runat="server" 

                   Height="600px" 

                   style="border:1px solid black; 

                   width:auto" 

                   ImageUrl="~/pics/DSC_1782.JPG" 

                   AlternateText="First Lacrosse Pic" />

<br />

        <asp:Label ID="lblImage1" runat="server"></asp:Label>

<br />

        <asp:Button ID="btnPrev" runat="server" Text="Prev" />

        <asp:Button ID="btnPlay" runat="server" Text="Play" />

        <asp:Button ID="btnNext" runat="server" Text="Next" />

        <cc1:SlideShowExtender ID="SlideShowExtender1" runat="server" 

                               TargetControlID="Image1" 

                               SlideShowServicePath="SlideService.asmx" 

                               SlideShowServiceMethod="GetSlides" 

                               AutoPlay="true" 

                               ImageDescriptionLabelID="lblImage1" 

                               NextButtonID="btnNext" 

                               PlayButtonID="btnPlay" 

                               PlayButtonText="Play" 

                               StopButtonText="Stop"

                               PreviousButtonID="btnPrev" />

    </div>

    </form>

</body>

</html>
 
 

********************SlideService.vb****************************

Imports System.Web

Imports System.Web.Services

Imports System.Web.Services.Protocols
 

' To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.

<System.Web.Script.Services.ScriptService()> _

<WebService(Namespace:="http://tempuri.org/")> _

<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _

<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _

Public Class SlideService

    Inherits System.Web.Services.WebService
 

    <WebMethod()> _

    Public Function GetSlides() As AjaxControlToolkit.Slide()

        Dim mySlides(5) As AjaxControlToolkit.Slide

        mySlides(0) = New AjaxControlToolkit.Slide("~/pics/DSC_1782.jpg", "pic1", "First Lacrosse Picture")

        mySlides(1) = New AjaxControlToolkit.Slide("~/pics/DSC_1783.jpg", "pic2", "Second Lacrosse Picture")

        mySlides(2) = New AjaxControlToolkit.Slide("~/pics/DSC_1784.jpg", "pic3", "Third Lacrosse Picture")

        mySlides(3) = New AjaxControlToolkit.Slide("~/pics/DSC_1785.jpg", "pic4", "Fourth Lacrosse Picture")

        mySlides(4) = New AjaxControlToolkit.Slide("~/pics/DSC_1786.jpg", "pic5", "Fifth Lacrosse Picture")
 

        Return mySlides

    End Function
 

End Class

Open in new window

0
Comment
Question by:TeamEnova
  • 3
  • 3
6 Comments
 
LVL 18

Expert Comment

by:carlnorrbom
ID: 24094854
Hi,

The only obvious thing I can spot is that You're returning an Array with an upper bound of six (index based = 5) but only specifying the first five array fields (0->4). Maybe that breaks the extender? Try specifying at is MySlides(4) and see if it makes a difference.

/Carl.
0
 
LVL 2

Author Comment

by:TeamEnova
ID: 24096106
Here is something new.
If I put a break in the SlideService.vb file, at the Public Function GetSlides() line, it will go to that function, get into the function, but at the second line which is

mySlides(0) = New AjaxControlToolkit.Slide("~/pics/DSC_1782.jpg", "pic1", "First Lacrosse Picture")


It pops a box that says "Thre is no source code available for the current location."  What is that?
0
 
LVL 18

Expert Comment

by:carlnorrbom
ID: 24096680
Hi again,

Maybe You should not supply the dynamic path, try removing "~/" from the path. Sorry for being inaccurate but I'm actually on holiday over the easter and doesn't have access to my dev box. Also, since the error message reg. the source code most likely is related to the control toolkit, have You tried adding a reference to the Ajax ControlToolkit dll to the project containing the service (if not the same project as for the slideshow)?

/Carl.
0
Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

 
LVL 2

Author Comment

by:TeamEnova
ID: 24097207
carinorrbom,
I have tried your suggestion, but still no luck.  It is like the extender just doesnt work at all.  The first image, as supplied in the aspx file, does show up, but none of the buttons work, except that when I  hit the stop/play button, the text changes.  Thats it.

Very confusing.
0
 
LVL 18

Accepted Solution

by:
carlnorrbom earned 500 total points
ID: 24099860
Hi again!

Three things:

1. The "There is no source ... " error is, as far as I can understand, a debugging "bug" in VS. It can't find the debugging symbols for the toolkit but the code actually works anyway.

2. I replicated Your code when I got access to my dev box and hey, guess what, didn't work. I changed two things compared to Your code:

2.1: In Your markup You had an error in the style attribute for the image, it hade broken out on two separate rows:

                   style="border:1px solid black;
                   width:auto"

Change it to one row:

                   style="border:1px solid black;width:auto;"

2.2: In the service code, change the image paths from "~/pics/.." to "pics/..". Other than that I imported the Toolkit namespace to clean things up a bit. I have attached the service code as well for Your reference.

With these changes, it builds and runs just fine on my dev box, hope it will on Yours too!

/Carl.
Imports System.Web

Imports System.Web.Services

Imports System.Web.Services.Protocols

Imports AjaxControlToolkit
 

' To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.

<System.Web.Script.Services.ScriptService()> _

<WebService(Namespace:="http://tempuri.org/")> _

<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _

<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _

Public Class SlideService

    Inherits System.Web.Services.WebService
 

    <WebMethod()> _

    Public Function GetSlides() As Slide()

        Dim MySlides(2) As Slide

        MySlides(0) = New Slide("pics/pic1.jpg", "Pic 1", "Pic 1")

        MySlides(1) = New Slide("pics/pic2.jpg", "Pic 2", "Pic 2")

        MySlides(2) = New Slide("pics/pic3.jpg", "Pic 3", "Pic 3")

        Return MySlides

    End Function
 

End Class

Open in new window

0
 
LVL 2

Author Closing Comment

by:TeamEnova
ID: 31567847
Great work.  Thanks for sticking with it, even through vacation!  I am a bit embarassed that I did not pick up those errors, but anyway, Thanks!
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Get a first impression of how PRTG looks and learn how it works.   This video is a short introduction to PRTG, as an initial overview or as a quick start for new PRTG users.
This video gives you a great overview about bandwidth monitoring with SNMP and WMI with our network monitoring solution PRTG Network Monitor (https://www.paessler.com/prtg). If you're looking for how to monitor bandwidth using netflow or packet s…

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now