Rotating Images Using Javascript

This bit of JavaScript will rotate 3 images. The page needs to be loaded with
the starting image eg.

<IMG SRC="../lvwAttachments/Image1/$File/Image1.jpg" BORDER=0>

In this example the images are file attachments located in other documents in
the same database, and we refer to them by looking in a view called
lvwAttachments. This example changes the first image on the page - to change a
different image just change the array index. The interval is specified in
milliseconds - in this case 10000 or 10 seconds.

It doesn't really waste bandwidth as once all the images have been cached the
browser doesn't need to contact the server again.
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide

var linkx = new Array(3);
linkx[1] = "../lvwAttachments/Image1/$File/Image1.jpg";
linkx[2] = "../lvwAttachments/Image2/$File/Image2.jpg";
linkx[3] = "../lvwAttachments/Image3/$File/Image3.jpg";
var cnt=0;

function changeImg(cnt){
window.document.images[1].src=linkx[cnt];
}

window.setInterval("cnt++; changeImg(cnt); if (cnt==3){cnt=0}", 10000);

// end hide -->
</SCRIPT>
This was first published in November 2000

Dig deeper on Domino Resources - Part 7

0 comments

Oldest 

Forgot Password?

No problem! Submit your e-mail address below. We'll send you an email containing your password.

Your password has been sent to:

-ADS BY GOOGLE

SearchWinIT

Search400

  • iSeries tutorials

    Search400.com's tutorials provide in-depth information on the iSeries. Our iSeries tutorials address areas you need to know about...

  • V6R1 upgrade planning checklist

    When upgrading to V6R1, make sure your software will be supported, your programs will function and the correct PTFs have been ...

  • Connecting multiple iSeries systems through DDM

    Working with databases over multiple iSeries systems can be simple when remotely connecting logical partitions with distributed ...

SearchEnterpriseLinux

SearchVirtualDataCentre.co.UK

Close