random image every time refresh

**ModernRevolutions** · 06-30-2008, 01:51 PM

i need a very simple code to make it so my affilates button shuffle through every time you refresh or go to another part of the site.

here is my site. modernrevolutions.net and where it says affiliates i want it to have 1 button and then refresh and then pick another one at random. however i still have to be able to make the pics links to the site of course and i want it so when the pic changes the URL to the site stays with the image lol. it would be wonderful if someone gave me the code

thanks

**Jas** · 06-30-2008, 03:32 PM

I am too lazy to code it for you

so have a look at this:

http://www.javascriptkit.com/script/cut144.shtml

**ModernRevolutions** · 06-30-2008, 04:44 PM

THANKS SO MUCH!!!! it works WONDERFULLY!!!!!!!!

**Jas** · 07-01-2008, 12:20 AM

Your welcome. Glad it works

**ModernRevolutions** · 07-02-2008, 11:17 AM

ok im using the code and it working perfectly, however i want to make it so when someone clicks on the affiliate button it opens in a new window/tab. and i try adding target="new" at after the URL and it didnt work. the image just disappeared

**codeexploiter** · 07-02-2008, 11:47 AM

You need to make some changes in the below mentioned code. Highlighted the changes you need to make.

Code:

document.write('<a href='+'"'+imagelinks[ry]+'"'+' ><img src="'+myimages[ry]+'" border=0 id="image"></a>')

Insert the following code in to the script element of your page.

Code:

function openWin(){
	var w = window.open("","","height=400,width=500");
	w.document.write ("<html>\n<head>\n<title>Popup Document</title>\n</head>\n<body>\n");
	w.document.write ("<img src='" + document.getElementById('image').src + "' border='0'>");
	w.document.write ("\n</body\n</html>");	
	w.document.close();
}

After that in onclick event of the button you've mentioned invoke openWin function. You'll be able to open a new window and the image will be in it.

Hope this helps.

**magicyte** · 07-07-2008, 06:25 PM

One way to code it yourself and not STEAL would be to use the Math.random() function along with the Math.round() function. Note that this is JavaScript.

-maigcyte

**diazfdlh** · 06-19-2016, 11:47 AM

Originally Posted by Jas

I am too lazy to code it for you

so have a look at this:

http://www.javascriptkit.com/script/cut144.shtml

I have one question, the code has perfectly works but i want to know how to make 3 image per refresh, what can i see with the previous code that everytime i refresh the webpage just one image who appear, but i wanna make it 3 ore 5 image per refresh, hope you can tell me, sorry for my bad english

**Beverleyh** · 06-20-2016, 09:36 AM

document.write is old fashioned. Instead, how about marking up all the images first with a standard HTML list format, and then randomly reveal them through the addition of a '.selected' class? This is a reusable function to demonstrate: http://jsbin.com/xowanunime/1/edit?html,css,js,output

I've prepared an actual page with some special considerations for images. Their paths are stored in "data-src" attributes and only switched to "src" once JS has selected them, meaning that only the randomly selected ones actually load (better on bandwidth and page load speed) http://fofwebdesign.co.uk/template/_...andom-imgs.htm

Thread: random image every time refresh

Thread Tools

Search Thread

random image every time refresh

The Following User Says Thank You to Jas For This Useful Post:

3-5 image per refresh

The Following User Says Thank You to Beverleyh For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions