Delay the javascript function

[drmutant2]

Hi,
I'd like to simply delay for 1 minute a JS function to execute. I have tried many times but no success, I am not good yet in syntax.
The function is a Fade-in image slideshow which works itself very well, the manual comes from here>

http://www.dynamicdrive.com/dynamici...nslideshow.htm

(external files for js>
http://www.dynamicdrive.com/dynamici...deslideshow.js
http://ajax.googleapis.com/ajax/libs.../jquery.min.js)

If someone just picks the piece of code and insert the delay function properly.) Thanks!

The page draft source>
http://www.pavelmartinek.com/2/index.html
http://www.pavelmartinek.com/2/styles/fadeslideshow.js
http://www.pavelmartinek.com/2/styles/screen.css

[Nile]

You're going to need to provide a little bit more information. What about the slideshow do you want to delay? Or is this on a whole different issue?

Usually, without knowing specifically what you want, you'd use a timeout.

setTimeout(function() {
    
    foo();
    
}, 1000 * 60); //1000 milliseconds/second * 60 seconds/minute

[ajfmrf]

Please post a link to the problem page.

[bernie1227]

Usually, without knowing specifically what you want, you'd use a timeout.

Or, you could use .delay()

[drmutant2]

Please post a link to the problem page.

The page draft is here..
http://pavelmartinek.com/2/index.html
http://pavelmartinek.com/2/styles/screen.css
http://pavelmartinek.com/2/styles/fadeslideshow.js

I simply want to delay the "fadeslideshow" function for 1 minute.

[bernie1227]

Only thing I can really think to do is make this modification to the script:

$.holdReady(true);
setTimeout(function() {
      $.holdReady(false);
}, 60000);

This should stop it working for 1 minute.

[drmutant2]

Thanks but it doesn't work./

Put in fadeslideshow.js:

$.holdReady(true);
setTimeout(function() {
      $.holdReady(false);
}, 60000);

var fadeSlideShow_descpanel={
	controls: [['x.png',7,7], ['restore.png',10,11], ['loading.gif',54,55]], //full URL and dimensions of close, restore, and loading images
	fontStyle: 'normal 11px Verdana', //font style for text descriptions
	slidespeed: 200 //speed of description panel animation (in millisec)
}

jQuery.noConflict()

function fadeSlideShow(settingarg){

..........etc.

This doesn't work either:

setTimeout(function() {
    
    foo();
    
}, 1000 * 60); //1000 milliseconds/second * 60 seconds/minute

var fadeSlideShow_descpanel={
	controls: [['x.png',7,7], ['restore.png',10,11], ['loading.gif',54,55]], //full URL and dimensions of close, restore, and loading images
	fontStyle: 'normal 11px Verdana', //font style for text descriptions
	slidespeed: 200 //speed of description panel animation (in millisec)
}

jQuery.noConflict()

function fadeSlideShow(settingarg){

..........etc.

One more thing, during the delay period I'd like to have a background image in a browser which what I've found can't be managed by html.

#page {width:100%; height:100%; background-repeat: no-repeat; background-image: url(../img/1280-1024.jpg);}

[jscheuer1]

You want to delay the start of the slideshow for 1 minute? If so, on the page replace:

<script type="text/javascript">
var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1",
	dimensions: [1280, 1024],
	imagearray: [
		["img/1.jpg"],
		["img/2.jpg"],
		["img/3.jpg"],		
	],
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, 
	fadeduration: 500, 
	descreveal: "ondemand",
	togglerid: ""
})
</script>

with:

<script type="text/javascript">
setTimeout(function(){
	var mygallery=new fadeSlideShow({
		wrapperid: "fadeshow1",
		dimensions: [1280, 1024],
		imagearray: [
			["img/1.jpg"],
			["img/2.jpg"],
			["img/3.jpg"],		
		],
		displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
		persist: false, 
		fadeduration: 500, 
		descreveal: "ondemand",
		togglerid: ""
	});
}, 60000);
</script>

[drmutant2]

It works now! Thank you!