Animation on Page

G

Guest

Hello,
I am trying to put a very simple animation on a page. I want two images to
show alternately in a defined area. I tried to have an image control and a
timer control on a page. I am setting the Imageurl property of the image
control to two difeent images at fixed time interval. but the image remains
fixed on my page. It never resets to other image. Perhaps I need to Refresh
the page at every timeinterval.

My code is as


Private Sub Page_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
'Put user code to initialize the page here
SetTimer()
End Sub


Private Sub SetTimer()
Try
AddHandler Timer1.Elapsed, AddressOf OnTimer
Timer1.Enabled = True
Timer1.Interval = 1000

Timer1.Start()
Image1.ImageUrl = "C:\Sunset.jpg"
Catch ex As Exception
Response.Write(ex.Message)
End Try
End Sub


Public Sub OnTimer(ByVal source As Object, ByVal e As ElapsedEventArgs)
Try
If Image1.ImageUrl = "C:\Sunset.jpg" Then
Image1.ImageUrl = "C:\Winter.jpg"
Else
Image1.ImageUrl = "C:\Sunset.jpg"
End If


Catch ex As Exception
Response.write(ex.Message)
End Try
End Sub



Any suggestion shall be appreciated.

Cheers,
siaj
 
J

Joseph Byrns

You should do it in the JavaScript on the client so:

function init()
{
timer = setInterval("TrackFrame()",500);
}

function TrackFrame()
{
//toggle image here
}

and call the init function from the body.
 
G

Guest

Thanks for quick reply...
I tried the way u suggested though I had two doubts..

My Javascript code goes as
<script language ="javascript" >
var flag = true;
function init()
{
alert("I m here!");
timer = setInterval("TrackFrame",500);

}
function TrackFrame()
{
if flag == false
{
alert("toggling");
flag = true;
}
else
{
alert("toggled");
flag = false;
}


}
</script>

I call from the body as

<body MS_POSITIONING="GridLayout" onload = "init()">

My doubts are that I get an error Expected "("
also If you can tell me how to toggle the image in javascript.

Let me confess that I am a beginner in web development.

Appreciate your help..
Cheers,
siaj
 
J

Joseph Byrns

Here is a simple example (the error you got was because you missed the
brackets in the if statement).

<HEAD>
<script language ="javascript" >
var flag = true;
var img = null;
function init()
{
img = document.getElementById("TheImage");
timer = setInterval("TrackFrame()",500);
}

function TrackFrame()
{
if (flag == false)
{
img.src="pic1.jpg";
flag = true;
}
else
{
img.src="pic2.jpg";
flag = false;
}
}

</script>
</HEAD>

<BODY onload="init()">

<img src="pic1.jpg" id="TheImage">

</BODY>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,902
Latest member
Elena68X5

Latest Threads

Top