Image rotation on page load rather than timed - HTML Forums

Greenback · 08-16-2007, 12:55 PM

hi,

i have an image rotation code, but its working on switching the code on a timer, and i want it to appear randomly on the page load. anybody know how to change the code? i have the timer part of it below.

thanks in advance.

var interval = 1.5; // delay between rotating images (in seconds)
var random_display = 1; // 0 = sequential, 1 = random
interval *= 1000;

BonRouge · 08-16-2007, 10:06 PM

This might help... http://bonrouge.com/~faq#rotate (maybe)

Greenback · 08-17-2007, 05:58 AM

i looked there before i posted but it didnt help. got some other usefull stuff from there though thanks. its all in one html document, so it doesnt link it to any external phps or anything, i just want it random on the page load rather than using a timer, but i cant find the code, and i dont know where to put it.

cheers.

BonRouge · 08-17-2007, 06:10 AM

Did you see this one? http://bonrouge.com/~rand-img-js

Greenback · 08-17-2007, 07:38 AM

hadnt seen that one. cheers. i still cant get it to work though, but obviously does, cause it works on the site. im just not sure where it needs to go, and how to fit it in with my current code. if you have any suggestions.

cheers.

BonRouge · 08-17-2007, 07:14 PM

Code:

function randImg() {
var links= new Array(3);
links[0]='wine.jpg'; 
links[1]='whisky.jpg';
links[2]='beer.jpg';
var ran_unrounded=Math.random()*2;
var rand=Math.round(ran_unrounded);
var image= links[rand];
var imagehtml='<img src="'+image+'" alt="'+image.replace(/.jpg/, "")+'" />';
p = document.getElementById('rand-img');
if (p) {
 range = document.createRange();
 range.setStartBefore(p);
 p.appendChild(range.createContextualFragment(imagehtml));
 }
}

window.onload=randImg;

Lines 3,4,5 have the names of your images.
The image appears in a paragraph (though it could be a div) with the id 'rand-img' (see line 10).

Greenback · 08-20-2007, 04:01 PM

cheers. have it working now.

muneepenee · 08-25-2007, 08:23 AM

1. yu kan kall NE funkshun inside the javascript kode & it will run 1 time on lode
function wotever(){......}
wotever();
2. zampel: tu find out how long it take tu lode...
At top av paej, put js kode tu get the time.
at bottom repeet same kode.
lode time=differens tween 2 times.

BonRouge · 08-25-2007, 11:28 AM

muneepenee,

Do us all a favour and write in English. There are many users of this site whose first language is not English. Your garbled version of it will only confuse them.

Thanks.