[snorkytheweasel]

I'm trying to get a page to display a series of images, one at a time, and changing the display every n seconds.

I wrote a php routine "rotatepix.php." Using that script I can open the directory and randomly select and display an image. However, php stops as soon as the page is loaded. With each refresh (or opening) of the page, a randomly-selected image displays.

But I want to have javascript take over and keep changing the images.

I think the approach is to use setInterval() to call the php script

function foo()
{
	var action;
	action="document.open('rotatepix.php')";
	setInterval(action, 500);
}

foo();

and then call that script from the web page. With that I don't get any errors, but I also don't get any results.

As you can see, my js skills suck.

I've looked at some "rotating banners" code, but none seem to fit what I need.

Some notes:

1. all of the images are in the same directory
2. all of the server side action takes place on the same server, and that server supports php
3. the rotatepix.php mentioned above works within PHP's limitations

Can someone get me on the right track? I'd be happy to omit the php if there's a simple js that will accomplish the same goal: pictures selected at random, displayed, and display changed every n seconds

[Lordandmaker]

Disclaimer: I'm no JS dev, hardly a PHP one, and I only know linux:

You can't just call a php script to run. It works in apache either through CGI or a php module (and I'd imagine other web servers do similar).
You need to somewhere define where the interpreter for the php script is (i.e. the php binary). Either `php5 rotatepix.php` or tell the OS what to do with *.php files.

You *might* need php5-cli (or equivalent), too. I don't think the default php installer will run from the shell, especialy if it's the apache module one.

[Lordandmaker]

Er, I misread that quite spectacularly, apologies for the mostly useless post. I'd be surprised if there weren't several thousand JS image slideshows knocking around on the net, though.

[emopoops]

http://www.w3schools.com/HTMLDOM/met...etinterval.asp cant u just make setintercval() call foo/?
or just make your javascript pre load all the images and then on the set interval make the change of which image is displayed in the div or whatever. <script language="javascript">
function OnMouseOverMainImage(image, mainImage)
{
mainImage.src = image.src;
jsLastMainImage = image.src;
}
function changeme(id, action) {
if (action=="hide") {
document.getElementById(id).style.display = "none";
} else {
document.getElementById(id).style.display = "inline";
}
}
function submitform ( selectedtype )
{

document.sbmtform.submit() ;
}
</script>

that script is for when an image thumbnail is hovered it changes to the big image in the div like on http://www.socialemo.com/item.php and you could use set interval to call the javascript function to show the image. so u dont have to use php at all?

[MMJ]

I've looked at some "rotating banners" code, but none seem to fit what I need.

link to one and ask what you want different.

[MRdNk]

Imo, you're looking for an AJAX type solution, checkout the W3Schools page here.

[MMJ]

Originally Posted by MRdNk

Imo, you're looking for an AJAX type solution, checkout the W3Schools page here.

w3schools is really, really meh. content is very mediocre and way too many advertisements.

I prefer linking to something like the MDC or to the W3C:

https://developer.mozilla.org/en/AJAX/
https://developer.mozilla.org/en/AJAX/Getting_Started

just my $0.02