|
JavaScript - General Random Image Generator For 6 Images
Hi could someone please help?... I am a total beginner to javascript... but does anyone know of a code, including links to an image folder, for displaying 6 fullscreen images in random order without repeat for a given user?
I've seen specific examples using shuffle on the site, but could anyone write a general code for any given images? Many thanks in advance Similar TutorialsHi, my assignment is to create an online quiz with a random image generator. I have created my online quiz using 5 linking files and everything works great. My only problem is getting the images to show up on my quiz. All I get is the filename with a red X. Which the files do show up at random when I refresh, so I know that part is working. I just don't know what I am missing to get the actual picture to show up. Please take a look at my code below and see if I am missing anything. Please keep in mind this isn't the whole code as I have different linking files for this assignment. Thank you in advance. Code: <?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Assignment CH10 Solution -->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>Online Quiz</title>
<script type = "text/JavaScript">
<!--
var rimg = 0;
var pictures = [ "logo", "logo2", "logo3", "logo1", "cover" ];
function randpics(){
var myQuiz = document.getElementById( "myQuiz" );
rimg = Math.floor( Math.random() * 5 );
myQuiz.logo.src = pictures[rimg]+'.gif';
myQuiz.logo.alt = rimg + ' : ' +pictures[rimg];
}
function checkAnswers() {
var myQuiz = document.getElementById( "myQuiz" );
if ( myQuiz.elements [ 0 ].checked )
alert ( "Congratulations, your answer is correct" );
else // if the answer is incorrect
alert ( "Your answer is incorrect. Please try again" );
} // end function checkAnswers
-->
</script>
</head>
<body onload="randpics()">
<form id = "myQuiz" onsubmit = "return checkAnswers()" action = "">
<img name="logo" src="logo.gif" alt="javascript logo"/>
<br />
<p>Which company first implemented the JavaScipt language?<br />
<input type = "radio" name = "radiobutton" value = "logo" />
<label>Netscape Communications Corp.</label>
<input type = "radio" name = "radiobutton" value = "logo2" />
<label>Microsoft Corp.</label>
<input type = "radio" name = "radiobutton" value = "logo3" />
<label>Sun Microsystems Corp.</label>
<input type = "radio" name = "radiobutton" value = "logo1" />
<label>Consortium of all the companies</label><br />
<input type = "submit" name = "submit" value = "Submit" />
<input type = "reset" name = "reset" value = "Reset" />
</p>
</form>
<p>
Click here to continue <a href = "page1.html" target="_self">Next Question</a>
</p>
</body>
</html>
Hi. I have a problem with a random link generator within a DIV. When I try it on my desktop it works fine, but does nothing once I upload it to the website. I'm not sure how to explain what happens, but here is it, more or less: The website is this: http://torcacita.atspace.com Via an Ajax script, http://torcacita.atspace.com/menu.html is loaded into DIV "menu". Here's the script: <script type="text/javascript"> ajaxpage('menu.html', 'menu') //load "menu.html" into "menu" DIV </script> Well, there's another load of stuff inside the <head> tag. You may see it from the main page source code. Anyway, if you go to the menu.html, the link generator will work there as it is intended; however, if you try it from the main page, it won't do anything. But people are not suppossed to go to menu.html. They are suppossed to load it from the index.html (I mean, plain http://torcacita.atspace.com) So, here's the link generator code: --------------------------------- <script type="text/javascript"> function randomlinks(){ var myrandom=Math.round(Math.random()*9) var links=new Array() links[0]="http://www.javascriptkit.com" links[1]="http://www.dynamicdrive.com" links[2]="http://www.cssdrive.com" links[3]="http://www.codingforums.com" links[4]="http://www.news.com" links[5]="http://www.gamespot.com" links[6]="http://www.msnbc.com" links[7]="http://www.cnn.com" links[8]="http://news.bbc.co.uk" links[9]="http://www.news.com.au" window.location=links[myrandom] } </script> <form> <input type="button" value="Lo Que Sea" onClick="randomlinks()"> </form> --------------------------------- I believe this could be solved if I could target the generator to the whole window, 'cause maybe it's trying to open the new page inside the DIV. Well, I don't know... So, what do you think? Could somebody help me? Hi there... actually i am working on a project "random password generator". What basically is to be done in this project is to generate user password for the username randomly he has provided. Then, this password is to be stored in a text file in the following manner UserName Password ABCD JU12H6 Sdjksj HJudfdsfd Now my problem is that every time I just try to generate a new password, either a new file is made or the heading is rewritten again and again or if I just try to change the variables true and false, then the username and password headings are not printed. Please help. If someone knows how to do this using if-else method then please tell me, how it can be done? The code is attached. Code: <html>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function GetSelectedItem()
{
chosen = "";
for (i = 0; i <3; i++)
{
if (document.myform.opt[i].checked)
{
chosen = document.myform.opt[i].value;
}
}
if (chosen == "")
{
alert("Choose your password type")
exit;
}
return chosen;
}
function getPassword(usnm,length,opti)
{
if(usnm=="")
{
alert("Enter user name");
exit;
}
var optsel=GetSelectedItem();
var num = "0123456789";
var alpha = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var alphanum = "0123456789abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var pass = "";
if(length!=5 && length!=6 && length!=7 && length!=8 && length!=9 && length!=10)
{
alert("Enter password length between 5 and 10");
exit;
}
else
{
if (optsel==1)
{
for(x=0;x<length;x++)
{
i = Math.floor(Math.random() * 72);
pass += alphanum.charAt(i);
}
}
else if (optsel==2)
{
for(x=0;x<length;x++)
{
i = Math.floor(Math.random() * 10);
pass += num.charAt(i);
}
}
else if (optsel==3)
{
for(x=0;x<length;x++)
{
i = Math.floor(Math.random() * 52);
pass += alpha.charAt(i);
}
}
WriteToFile(usnm,pass);
return pass;
}
}
function WriteToFile(usnm,pass)
{
try
{
var fso1=new ActiveXObject("Scripting.FileSystemObject");
var pf1=fso1.OpenTextFile("Password.text",8);
//if(pf=='false')
//var fso=new ActiveXObject("Scripting.FileSystemObject");
//dspf=fso.OpenTextFile("Password.txt",8,true);
//pf.WriteLine("Username\t\tPassword");
pf1.WriteLine(usnm+'\t\t'+pass);
pf1.Close();
}
catch(err)
{
var fso=new ActiveXObject("Scripting.FileSystemObject");
pf=fso.CreateTextFile("Password.txt",8,false);
pf.WriteLine("Username\t\tPassword")
pf.WriteLine(usnm+'\t\t\t'+pass);
pf.Close();
}
// fso= null;
/*
else
{
//var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.CreateTextFile("D:\\Password.txt", true);
s.WriteLine('Username\t\tPassword');
//while(s.next())
s.WriteLine(usnm+'\t\t'+pass);
s.Close();
}*/
/*var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.OpenTextFile("D:\\Password.txt",8, true);
s.WriteLine('Username\t\tPassword');
//while(s.next())
s.WriteLine(usnm+'\t\t'+pass);
s.Close();*/
}
</script>
</HEAD>
<BODY>
<center>
<table width=80% border=0>
<tr align=center>
<td>
<form name="myform">
<table border=0>
<tr>
<td>
Enter Username:
</td>
<td>
<input type=text name=userName value="" size=20>
</td>
</tr>
<tr>
<td>
Chooose Password type:</td>
<td>
<input type="radio" name="opt" value="1" >Alphanumeric
<input type="radio" name="opt" value="2">Numeric
<input type="radio" name="opt" value="3">Alphabetic
</td>
</tr>
<tr>
<td>
</tr>
<tr>
<td>
Password length:
</td>
<td>
<input type=text name=passwordLength value="" size=2>
</td>
</tr>
</table>
</td>
</tr>
<tr align=center>
<td>
New password:
<input type=text name=password size=20>
<br>
<input type=button value="Generate password" onClick="document.myform.password.value =
getPassword(document.myform.userName.value,document.myform.passwordLength.value,
document.myform.opt.checked);">
</form>
</td>
</tr>
</table>
</center>
</html>
Hey I'm somewhat new to the javascript world because 95% of my website is HTML so, if you will, I need help writing the javascript for a Random Question Generator...basicly all I have is Code: <script type="text/javascript"> var Q = new Array() Q[1] = "What is your favorite color?"; Q[2] = "What is your favorite animal?"; Q[3] = "What is your favorite place?"; </script> In the real one, there will be about 20 questions and I will need it to choose a quetion randomly out of the 20. As I said i am a beginer so as simple as possible would be great. Thank You for your help in advance Hey guys. It's been a while since I was last here but I'm having a few problems. I'm building a random word generator form for a friend but my knowledge of JS is limited. I have found a script to randomly generate a word at the click of a button. Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <SCRIPT LANGUAGE="JavaScript"> <!-- // Use the following variable to specify // the number of random words var NumberOfWords = 28 var words = new BuildArray(NumberOfWords) // Use the following variables to // define your random words: words[1] = "czarevitch" words[2] = "brightwork" words[3] = "verkrampte" words[4] = "protectrix" words[5] = "nudibranch" words[6] = "grandchild" words[7] = "newfangled" words[8] = "flugelhorn" words[9] = "mythologer" words[10] = "pluperfect" words[11] = "jellygraph" words[12] = "quickthorn" words[13] = "rottweiler" words[14] = "technician" words[15] = "cowpuncher" words[16] = "middlebrow" words[17] = "jackhammer" words[18] = "triphthong" words[19] = "wunderkind" words[20] = "dazzlement" words[21] = "jabberwock" words[22] = "witchcraft" words[23] = "pawnbroker" words[24] = "thumbprint" words[25] = "motorcycle" words[26] = "cryptogram" words[27] = "torchlight" words[28] = "bankruptcy" function BuildArray(size){ this.length = size for (var i = 1; i <= size; i++){ this[i] = null} return this } function PickRandomWord(frm) { // Generate a random number between 1 and NumberOfWords var rnd = Math.ceil(Math.random() * NumberOfWords) // Display the word inside the text box frm.WordBox.value = words[rnd] } //--> </SCRIPT> </head> <body> <FORM NAME="WordForm"> <INPUT TYPE=TEXT SIZE=10 NAME="WordBox"><BR> <INPUT TYPE=BUTTON VALUE="Click Here to Get a Random Word" onClick="PickRandomWord(document.WordForm);" > <input TYPE="reset" VALUE="CLEAR" onClick="clearForm(this.form)"> </FORM> </body> </html> This works without problems, however by friend wants to be able to fill multiple boxes with words from different lists by clicking only 1 button. The script above will allow me to do separate boxes with their own buttons. If anyone can help it would be greatly appreciated. Foster I have a piece of code that randomly picks a line from a preset list and displays it whenever the page is loaded. I'm using it to generate random quotes on my pages. At the moment, there seems to be a good chance that when the page loads no quote appears at all, just a blank space. Anyone know why this could be happening? the code I am using is: Code: <script type="text/javascript">
q0= "<img src=\"images/quotes/01.png\" />";
q1= "<img src=\"images/quotes/02.png\" />";
q2= "<img src=\"images/quotes/03.png\" />";
q3= "<img src=\"images/quotes/04.png\" />";
q4= "<img src=\"images/quotes/05.png\" />";
q5= "<img src=\"images/quotes/06.png\" />";
q6= "<img src=\"images/quotes/07.png\" />";
q7= "<img src=\"images/quotes/08.png\" />";
q8= "<img src=\"images/quotes/09.png\" />";
q9= "<img src=\"images/quotes/10.png\" />";
q10= "<img src=\"images/quotes/11.png\" />";
q11= "<img src=\"images/quotes/12.png\" />";
var ran_unrounded=Math.random()*11;
var ran_number=Math.round(ran_unrounded);
document.write(eval("q"+ran_number));
</script>
Trying to develop a small app for my site. What is the code to generate a random # of lines (1 min - 5 max) and a random phrase for each line sourced from a multidimensional array? These also need to be unduplicated (so I won't have quote 1 be on lines 1 and 4). How do I prevent random duplication with the generated lines of text? Thanks!
Question about random link generator http://www.javascriptkit.com/script/cut1.shtml I want to use this script to hold a hundred odd links and show 8 random urls at a time in a list separated by a couple of line breaks. (Instead of just one). Could someone pls alter the code to allow me to do this please ... I also hope to keep the js file off the main html page. (naming the file list.js) Could someone also indicate how I do this. Hopefully these questions are easy if you know how etc. So far i havent been able to do it... Would be good if i could add a line to prevent duplicate randomly drawn links appearing in the list of eight.... thanks very much if you able to indicate it..... I am taking a Javascript class and the teacher assigned this: Quote: Write a script that uses a random number generation to create sentences and name it sentences.html. Use five arrays of strings called: uppercase article (uarticle), noun, verb, lowercase article (larticle), and preposition. You will need to use the correct case for the article arrays. Create a sentence by selecting a word at random from each array in the following order: uarticle, noun, verb, preposition, larticle, noun. You can find examples of generating random numbers in both Fig. 8.6 (dice-rolling) and Fig. 8.7 (random image) of Chapter 8. The arrays should be filled at minimum, as follows: the article array(s) should contain the articles: the, a, one, some and any. The noun array should contain the nouns: boy, girl, dog, town and car. The verb array should contain the verbs: drove, jumped, ran, walked, and skipped. The preposition array should contain the prepositions: to, from, over, under and on. If you would like to add more words, adjust the arrays appropriately. As each word is picked, concatenate it to the previous words in the sentence. The words should be separated by spaces. When the final sentence is output, it should start with a capital letter and end with a period. The program should generate 20 sentences and output them to the screen (document.write or document.writeln). You should use a for loop similarly to the one used in Fig. 8.6 in order to get it to print 20 times. I haven't gotten to the loop yet, I'm just working on the random sentence first. Here is what I have: Code: <script type="text/javascript">
<!--
uarticle = new Array("The", "A", "One", "Some", "Any");
noun = new Array("boy", "girl", "dog", "town", "car");
verb = new Array("drove", "jumped", "ran", "walked", "skipped");
larticle = new Array("the", "a", "one", "some", "any");
preposition = new Array("to", "from", "over", "under", "on");
var rand1 = [Math.floor ( Math.random() * uarticle.length )];
var rand2 = [Math.floor ( Math.random() * noun.length )];
var rand3 = [Math.floor ( Math.random() * verb.length )];
var rand4 = [Math.floor ( Math.random() * larticle.length )];
var rand5 = [Math.floor ( Math.random() * preposition.length )];
document.write(uarticle[rand2] + " " + noun[rand2] + " " + verb[rand3] + " " + preposition[rand1] + " " + larticle[rand4] + " " + noun[rand2] + ".");
-->
</script>
Am I on the right track? How would I loop the sentences using a for statement? Hey guys, I scripted a javascript guessing game and I am not sure how I can configure the random number generator to only generate one number and then stop. Here is my code: Code: <html>
<head>
<title>Guess it up! </title>
</head>
<body>
<center>
<BODY onLoad="GenerateNumber()">
<b><font size="5" ><u><b>Guess it up!<br></b></u>
<br >
<font size="3">
This is out of: <br>
<input id="DefaultNumber" name="DefaultNumber" type="text" size=3><br>
Type in your guess: <br>
<input id="HisGuess" name="HisGuess" type="text" size=3>
<p>
<input name="StartButton" type="button" value="Guess" onclick="StartGame()">
</p>
<script type="text/javascript">
function GenerateNumber()
{
var TheRightGuess = Math.round(Math.random() * (document.getElementById("DefaultNumber").value))+1; //Makes the randomly generated right guess. The "+1" makes it 1-5 instead of 0-4.
}
function StartGame()
{
var TheRightGuess = Math.round(Math.random() * (document.getElementById("DefaultNumber").value))+1; //Makes the randomly generated right guess. The "+1" makes it 1-5 instead of 0-4.
var HisGuess = parseInt(document.getElementById("HisGuess").value);//his guess
var DefaultNumber = parseInt(document.getElementById("DefaultNumber").value);//number that they want to guess in.
//NUMERIC TEST STARTS HERE
if (HisGuess != parseInt(HisGuess) || (DefaultNumber != parseInt(DefaultNumber)))
{
alert("Please enter numbers only.")
}
//NUMERIC TEST ENDS HERE
if (DefaultNumber <= 0) //Fixed bug:Guessing in zero.
{
alert("You can't guess in zero!?")
}
else
if (DefaultNumber === 1 && HisGuess === 1 || TheRightGuess == HisGuess && DefaultNumber != 1)//testing if they guessed in 1 and guessed 1.
{
alert("You got the number!")
}
else
if (HisGuess > DefaultNumber)//if guess is higher then what they guess in.
{
alert("You can only guess below " + DefaultNumber + ".")
}
else
if (HisGuess != TheRightGuess && HisGuess <= DefaultNumber && DefaultNumber != 1 || HisGuess == 0)//fixed bug: you can't guess 0.
{
alert("Guess again!")
}
}
</script>
</body>
</html>
Thanks, Fizz Hi, I have a 'Register' page on my site. When someone registers to my website, I would like to make it necessary to have a div box which generates a random number/letter, which is linked to a text field where the user has to match the generated output. I've been sitting here wondering which would be the best route to take regarding completing this. I was thinking about using charAt() method. Could anybody please possibly give me some tips for generating random letter/numbers? Possibly would I create a string containing "ABCDE....Z0123456789", then use the charAt method to find a character at a certain index position? If so, would I need create something which generates a random index position? Any help would be fantastic, thank-you. I've looked everywhere for a random number generator which doesn't repeat. Tried loads and none have seemed to work. I'm making a quiz, 5 questions so far. This button, in html, generates the next random Q: Code: <input type="button" value="Next (random)" name="B0" onClick="rangen();generatequestions();qnum()"><br><br> Lower down in the javascript (in the body), here is the rangen() function: Code: function rangen(){
whichone=Math.floor(Math.random()*5)
}
But I need a random generator which fires them off only once. For reference, here is the next bit (not so important): Code: var whichone=1;
var q=1;
var tempmn=document.instantquiz.thequestion
function generatequestions(){
if (q>0)
q=q++
if (loop>0)
loop=0
document.instantquiz.theresponse.selectedIndex=0
if (!document.instantquiz.cmode.checked||whichone>=total+1||whichone<=0)
document.instantquiz.thesolution.value=''
if (whichone>=total+1)
tempmn.value="End of quiz"
else{
tempmn.value=whichone+")"+question[whichone]+"\n\n"+"a)"+eval('choice'+whichone+'[1]')+"\n"+"b)"+eval('choice'+whichone+'[2]'
)+"\n"+"c)"+eval('choice'+whichone+'[3]')+"\n"+"d)"+eval('choice'+whichone+'[4]')
if (document.instantquiz.cmode.checked)
document.instantquiz.thesolution.value=solution[whichone]
}
}
Anyone have suggestions for a non-repeating random number gen which will work? Even the one now seems to have some slight error associated with it. The one's ive tried so far haven't worked.. I have to create a website as a project for my university course. Said course has nothing at all to do with computers really so it's really throwing us into the deep end as the majority of us have/had no interest in this particular field. Regardless, I am creating a website that uses the Random Quote Generator Javascript that I copied from the Hotscripts website. The code details are below and my question is: is there any way I could change the formatting for each quote? For example, change quote 1 to be, say, yellow or bold and change quote 3 to be aligned right and blue? I mainly want to change the colour for each quote but having any other info on how to format it would be really helpful. Code: var quotes=new Array();
quotes[0] = "This is quote 1.";
quotes[1] = "This is quote 2.";
quotes[2] = "This is quote 3.";
var q = quotes.length;
var whichquote=Math.round(Math.random()*(q-1));
function showquote(){document.write(quotes[whichquote]);}
showquote();
Also if you could put it into total idiot-speak for me I'd be oh so grateful. Hello all! I'm completely new here so I hope I'm doing this right and posting this in the appropriate subforums - if not, my apologies! Anyways, on to my actual problem. I am using the following script on a website to display a different image every time one visits/refreshes. The problem is, sometimes, instead of one of the images I have defined, it will come up with a broken image. I have tried to find something about this kind of thing in tutorials and such, but I have been unable to find anything on the subject. So - here's the code I'm using - Code: <script type="text/javascript">
<!--
var rand=Math.round(Math.random()*6);
var img=new Array(6);
img[0]="layout/bottomright/00.gif";
img[1]="layout/bottomright/01.gif";
img[2]="layout/bottomright/02.gif";
img[3]="layout/bottomright/03.gif";
img[4]="layout/bottomright/04.gif";
img[5]="layout/bottomright/05.gif";
document.write("<img src=\"" + img[rand] + "\" />");
//-->
</script>
Because I have extremely limited knowledge of JavaScript, I am not sure where the problem lies. (I made this script following a tutorial a long time ago and it worked completely fine then - I only changed the number in the "var rand" line to match the number of images I'm using this time, and the issue was present right from the start. I changed "var img" a lot in attempts to fix the issue - like I said, little knowledge, so I was just trying things - but it made no difference.) A more savvy friend of mine pointed out that the generator throws an "undefined" number occasionally, but she didn't know why. So... any help? I hope it's not too complex an issue. Thanks in advance! Below is a function to download a set of images from a website based on the width, height and levels of the image which is obtained from the following config file: http://api.gigapan.org/beta/gigapans/10826.json If I use 10826 as the gigapanId, I get a width of 50944, height of 14269 and levels 9 for the below variables. What I am trying to do is rather then use this as a function, I want to convert this into a basic script which just outputs to the screen all the possible urls that images would be at based on the width, height and levels of the source gigapanId. Any thoughts on how I should do this? Should I be using javascript to do this or would another language be better for this? Thank you so much for any help! Chris Code: GigapanTileSource.prototype = new Seadragon.TileSource();
GigapanTileSource.prototype.constructor = GigapanTileSource;
function GigapanTileSource(gigapanId, width, height)
{
Seadragon.TileSource.call(this, width, height, 256, 0, 8);
this.gigapanId = gigapanId;
//alert('gigapanid:'+gigapanId);
this.getTileUrl = function(level, x, y)
{
if (level >= 8)
{
level = level - 8;
}
var url = 'http://share.gigapan.org/gigapans0/' + this.gigapanId + '/tiles';
var GC_TILE = ["0", "1", "2", "3"];
var name = "r";
var bit = 1 << level >> 1;
while (bit)
{
name = name + GC_TILE[(x & bit ? (1) : (0)) + (y & bit ? (2) : (0))];
bit = bit >> 1;
}
var i = 0;
while (i < name.length - 3)
{
url = url + ("/" + name.substr(i, 3));
i = i + 3;
}
if (gigapan[name] == null & gigapan[name] !== null) {
//alert('no translation');
return (url + "/" + name + '.jpg');
}else{
//alert("gigapan['id']"+gigapan['id']+" gigapan["+name+"]:"+gigapan[name]);
return ("http://farm4.static.flickr.com/" + gigapan[name] + ".jpg");
}
};
Hi I'm new to this and would like some help. I want to display 4 random images and I would like to get them to NOT repeat themselves. Any suggestions? So if image one is randomly selected as "aceclubs.png" I don't want image two to be the same and so on for the other images. This currently the code I'm using right now. I've been duplicating this function with different names for each of the 4 images. However it sometimes produces two of the same image and I don't want that. Code: function random_ace()
{
var cardace = new Array(4)
cardace[0] = "aceclubs.png";
cardace[1] = "acediamonds.png";
cardace[2] = "acehearts.png";
cardace[3] = "acespades.png";
var randomace = Math.floor(Math.random()*cardace.length);
var ace = cardace[randomace];
card1.src=ace
}
Random non-repeating images script. Hope this helps someone... you can see an example at http://www.empireelite.org/. Refresh and you'll see the PS3 boxarts on the top left will show randomly, with no repeats. In your html page in head tag Code: <style>
img.boxart{
margin:0;
border: none;
display:block;
float:left}</style>
<script type="text/javascript" src="ps3boxart.js"></script>
in body tag (place whereever in the body you want the pictures to show) Code: <script type="text/javascript"> randomorder(ps3ba, '') </script> In a seperate .js file in the same folder (this one I have as ps3boxart.js) Code: var ps3ba=new Array()
ps3ba[0]='<a href="http://www.amazon.com/God-War-III-Playstation-3/dp/B000ZK9QCS/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261056951&sr=8-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/gow3.jpg" class="boxart" title="God of War III"></a>'
ps3ba[1]='<a href="http://www.amazon.com/Heavy-Rain-Playstation-3/dp/B002CZ38KA/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059415&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/hr.jpg" class="boxart" title="Heavy Rain"></a>'
ps3ba[2]='<a href="http://www.amazon.com/Killzone-2-Playstation-3/dp/B000FQBF1M/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059510&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/kz2.jpg" class="boxart" title="Killzone 2"></a>'
ps3ba[3]='<a href="http://www.amazon.com/LittleBigPlanet-Game-Year-Playstation-3/dp/B002ELCUUG/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059556&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/lbp.jpg" class="boxart" title="LittleBigPlanet"></a>'
ps3ba[4]='<a href="http://www.amazon.com/Metal-Gear-Solid-Patriots-Playstation-3/dp/B000FQ2D5E/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059605&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/mgs4.jpg" class="boxart" title="Metal Gear Solid 4"></a>'
ps3ba[5]='<a href="http://www.amazon.com/Ratchet-Clank-Future-Crack-Playstation-3/dp/B00275A7LI/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059662&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/rcfacit.jpg" class="boxart" title="Ratchet & Clank Futu A Crack In Time"></a>'
ps3ba[6]='<a href="http://www.amazon.com/Resistance-Fall-Man-playstation-3/dp/B000JLIXIG/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059703&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/rfom.jpg" class="boxart" title="Resistance: Fall of Man"></a>'
ps3ba[7]='<a href="http://www.amazon.com/Uncharted-Drakes-Fortune-Playstation-3/dp/B000UW21A0/ref=sr_1_2?ie=UTF8&s=videogames&qid=1261059750&sr=1-2"><img src="http://www.empireelite.org/images/boxart/ps3/mini/uc.jpg" class="boxart" title="Uncharted: Drakes Fortune"></a>'
ps3ba[8]='<a href="http://www.amazon.com/Uncharted-2-Among-Thieves-Playstation-3/dp/B001JKTC9A/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059750&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/uc2.jpg" class="boxart" title="Uncharted 2: Among Thieves"></a>'
function randomorder(targetarray) {
var randomorder=new Array()
var the_one
var z=0
for (i=0;i<targetarray.length;i++)
randomorder[i]=i
while (z<targetarray.length) {
the_one=Math.floor(Math.random()*targetarray.length)
if (targetarray[the_one]!="_selected!"){
document.write(targetarray[the_one])
targetarray[the_one]="_selected!"
z++
}
}
}
Then obviously, you would use this as a baseline and change your .js file name to whatever your pictures are for, like ads.js or whichever. Change the links in ahref to whereever you want each page to link. Change the image locations in img src to whereever your images are saved. Remember, where it says var z=0... this is where you hide extra random images. For example, my 200px cell only fits 9 22px wide images (they equal 198px). I only have 9 in my ps3 boxart image folder. If I want 50 in there... I would upload the pics to the folder with the other ones, add them to the list in the .js file. Such as ps3ba[9]=, ps3ba[10]=, etc. up to [49] (49 + 1 for [0] = 50). Then since I can only fit 9 in my cell, I would have to change the variable to var z=41 (to hide 41 of them and only show 9). Hope this helps somebody. Good luck. I am stuck on some javascript homework I realize it is probably really easy but my stupid textbook is not clear on one point. I have to access code in an external javascript page (random.js) which I have done. But then i have to create a second script element to create the function showlmg() and within that I require statements to declare a variable named imgNumber equal to the value returned by the randomInteger() (which is from the external sheet found in data files from the textbook therefore I know they are right). I am supposed to use 9 as the value of the size parameter in the randomInteger() function. The second statement should be command that writes the following text to the document: <img src='imgNumber.jog' alt= ' '/>. So basically the coding I have done is : Code: <script type= "text/javascript" src= random.js"> </script>
<script type="text/javascript">
function showlmg() {
var imgNumber= randomInteger(9);// Return a random number from 0 to 9.
document.write("<img src='imgNumber.jpg' alt=''/>");
}
</script>
all in the head of the document and then Code: function randomInteger(size) {
return Math.floor((size+1)*Math.random());} from the external file.
and Code: <tr> <td colspan="2" class="center"> <script type= "text/javascript"> showlmg(); showlmg(); showlmg(); showlmg(); showlmg(); </script> </td> </tr> to post in a table on the page... I believe the issue is in the declaring a variable the is equal to the result of the function random integer which the text book or anywhere that I can find online fails to explain how to do. Thank you. I want a certain amount of image spots to show a certain set of images (specifically 8) in a random order every time the page is refreshed. I do not want the images to be repeated, however. The solution I came up with was to create an array and generate a number one to eight and then compare that number to the numbers previously in the array, and if it matched one that was previously generated, to generate a new number and then compare it. This continues until i have an array of the numbers 1-8 in a random order. Code: var imgs=new Array(8);
for(i in imgs)
{
function generate()
{
return Math.floor(1+Math.random()*8);
}
var rand=generate();
function compare(i)
{
for(var n=i-1; n>=0; n--)
{
if (n<0)
{
imgs[i]=rand;
}
else
{
if (rand==n)
{
rand=generate();
compare(i);
}
}
}
}
}
This does not strike me as the most efficient way to go about this. If someone has a better solution, that would help a great deal. I basically want a random image to show up on my webpage and start scrolling through more images i've set to that list. Here's what I have thus far. However, It'll always start by bringing up the same image and then change to an error image: Code: <html>
<head>
<script type="text/javascript" language="javascript">
<!-- Hide script from old browsers
adImages = new Array("http://i155.photobucket.com/albums/s298/Connorconway/Office_Season_6_Blu-Ray.jpg","http://i155.photobucket.com/albums/s298/Connorconway/Halloween_Blu_Ray.jpg")
imgCt = adImages.length
firstTime = true
function rotate() {
if (document.images) {
if (firstTime) {
thisAd = Math.floor((Math.random * imgCt))
firstTime = false
}
else {
thisAd++
if (thisAd == imgCt) {
thisAd = 0
}
}
document.myPicture.src=adImages [thisAd]
setTimeout("rotate()", 3 * 1000)
}
}
//--> End hiding script from old browsers </script>
</head>
<body onload="rotate()">
<img src="http://i155.photobucket.com/albums/s298/Connorconway/Office_Season_6_Blu-Ray.jpg" width="400" height="300" name="myPicture" alt="Ad Banner" />
</body>
</html>
Here's the Website I'm having problems on (So you can visually see what I mean - Under "TV ManiaX Home Page sub-heading): http://tvmaniax.myfastforum.org/index.html Thank you for any help you can give _________________ |
|||||||