Hello, I want to add the following 2 functions to the code below. I have no Idea At all, Please Help. I want the images to rotate as they do now, but Id like to add random transitions to each image change.

function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.fl  oor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}

The Code

<style>
body{
background-attachment:fixed;
background-repeat: no-repeat;
}
</style>

<script language="JavaScript1.2">

//Background Image Slideshow- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

//Specify background images to slide
var bgslides=new Array()
bgslides[0]="http://i14.photobucket.com/albums/a345/Instar/greenbgfade17oi.jpg"
bgslides[1]="http://i14.photobucket.com/albums/a345/Instar/rsntort1024-1.jpg"
bgslides[2]="http://i14.photobucket.com/albums/a345/Instar/WesternDiamondBackRattlesnake-1.jpg"
bgslides[3]="http://i14.photobucket.com/albums/a345/Instar/reptile_003-1.jpg"
bgslides[4]="http://i14.photobucket.com/albums/a345/Instar/reptileCopperheadSnake-1.jpg"
bgslides[5]="http://i14.photobucket.com/albums/a345/Instar/turtlesbg-1.jpg"
bgslides[6]="http://i14.photobucket.com/albums/a345/Instar/reptile_001-1.jpg"
bgslides[7]="http://i14.photobucket.com/albums/a345/Instar/Picture163-1.jpg"
bgslides[8]="http://i14.photobucket.com/albums/a345/Instar/NzCommonGreenGeckoCloseup-1.jpg"
bgslides[9]="http://i14.photobucket.com/albums/a345/Instar/crocodile_3-1.jpg"
bgslides[10]="http://i14.photobucket.com/albums/a345/Instar/FijianSkinkEatingEarwig-1.jpg"
bgslides[11]="http://i14.photobucket.com/albums/a345/Instar/HornedLizard-1.jpg"
bgslides[12]="http://i14.photobucket.com/albums/a345/Instar/1113330679_1280-1.jpg"
bgslides[13]="http://i14.photobucket.com/albums/a345/Instar/Croc-1.jpg"
bgslides[14]="http://i14.photobucket.com/albums/a345/Instar/Chameleon_Wallpaper_by_phreeza-1.jpg"
bgslides[15]="http://i14.photobucket.com/albums/a345/Instar/1113330784_1280-1.jpg"



//Specify interval between slide (in miliseconds)
var speed=3000

//preload images
var processed=new Array()
for (i=0;i<bgslides.length;i++){
processed[i]=new Image()
processed[i].src=bgslides[i]
}

var inc=-1

function slideback(){
if (inc<bgslides.length-1)
inc++
else
inc=0
document.body.background=processed[inc].src
}

if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')

</script>

Bump, Anyone please?

I'm not sure what you want.

I want each image changing with an MSIE transition (random)

What is 'photoslider.filters'? Where is it defined? You just can't paste any random code here and expect someone to figure out what is going on.

I dosent matter what photosliders is its just a function example. You've heard of MSIE transistions yes? I want to make each image change with a random transition. Whats difficult to understand ?
Your never helpful SOS your too arrogant!

The problems are:

1. We aren't mind readers. We don't know what all of the parameters and variables represent.

2. Your lines are too long. The right ends of many of your statements are cut off by the window edge.

In the slideshow script above? I can see it all.
It works fine, The script is clear enough.
Please stop jerking me around, can it be done or not?

We need to know what these are and what variables and/or parameters they need or affect:

- photoslider.filters
- photoslider.filters.revealTrans.Transition
- photoslider.filters.revealTrans.stop()
- photoslider.filters.revealTrans.apply()
- speed
- processed
- window.onload 

setInterval is a built-in function. You can't use its name for another purpose.
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.