Random Image Map Needs Links

May 31, 2006

I have a page on which a random image loads. Each image needs an accompanying image map to take you to the appropriate link. How do I make the appropriate image map links load? Here is my code so far, which works fine.

myStrip = new Array("images/hstrip_1.jpg","images/hstrip_2.jpg");
imgCt = myStrip.length;

function chooseStrip() {
if (document.images) {
randomNum = Math.floor((Math.random() * imgCt));
document.strip.src = myStrip[randomNum];
}
}

View 16 Replies


ADVERTISEMENT

Multiple Random Image Links From A Folder?

Jan 27, 2010

What I have is a site with about 10 pictures, each of these pictures needs to be randomly pulled from folders, each picture slot will have its own folder, due to it being categorized. When the picture is clicked i need it to open a new page with the document associated to the picture. Is there a way to do this without having to rewrite the code every time? Because as there are new documents added at the end of each week.Unfortunately the server I use doesn't support PHP, but if it has to be done in PHP I can switch.Like I said though I haven't messed around with web design in a long time

View 3 Replies View Related

Random Static Image+caption Script Needs Links?

Mar 3, 2010

Here is a script I found which works well for randomly selecting a static image when loading/refreshing a page, and allows captions for the images. I need this to also have the images link to other pages. I lack the javascript ability to do so.

Code:

<!DOCTYPE -don't forget to use one of these!
<head>
<title></title>

[code]....

View 2 Replies View Related

What Is The Code For Random Quotes And Random Links

Apr 18, 2011

For my website I would like to create a famous last words generator (randomized), and random page generator (within my site). What is the code for random quotes and random links?

View 2 Replies View Related

Random Photo + Rotation Query - Continue From The Random Image And Change To The Next Every 3 Seconds?

Aug 31, 2011

I'm trying to use Javascript to have an array of images that load randomly AND work in a slideshow manner so change every 3 seconds (in a logical order). The code I have below presents a random image but how do I get them to continue from the random image and change to the next every 3 seconds?

<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'photo1.html'><img src='images/photo1.jpg' alt='Photo 1'></a>";
images[1] = "<a href = 'photo2.html'><img src='images/photo2.jpg' alt='Photo 2'></a>";
images[2] = "<a href = 'photo3.html'><img src='images/photo3.jpg' alt='Photo 3'></a>";
[Code]...

View 4 Replies View Related

Multiple Random Links

Nov 6, 2007

i am trying to display 3 random links from a link list

<script type="text/javascript">
<!--
function ranlink(){
var links=new Array()
links[0]='<a href="" target="new">Link 0</a>'
links[1]='<a href="" target="new">Link 1</a>'
links[2]='<a href="" target="new">Link 2</a>'
links[3]='<a href="" target="new">Link 3</a>'
links[4]='<a href="" target="new">Link 4</a>'
links[5]='<a href="" target="new">Link 5</a>'
links[6]='<a href="" target="new">Link 6</a>'
links[7]='<a href="" target="new">Link 7</a>'
links[8]='<a href="" target="new">Link 8</a>'
links[9]='<a href="" target="new">Link 9</a>'

var pick=Math.floor(Math.random()*links.length)
document.write(links[pick]+'<br>')
}
ranlink()
//-->
</script>

found this code on here, but instead of only showing 1 at a time, to display 3 links

View 5 Replies View Related

Random Images With Links

Sep 1, 2005

This script produces 5 random images and works lika a dream. Im trying to figure out how to create links for each of the five rotating images, so the link would also rotate and reflect the new image? Code:

View 6 Replies View Related

Remembering The Random Links?

Sep 6, 2010

I now have the following script to generate a randomised listening test for students (I've removed some of the more elaborate features for the purpose of this thread).

Code:

<html>
<head>
</style>

[code]....

One thing that I have just now noticed (dunno how I missed it before) is that clicking on the link generates a new random link each time it is clicked. What I would really like is for people to be able to hear the same sound as many times as they want until e.g. they hit the browser refresh button.

View 4 Replies View Related

Random Images In A Table Plus Links

Sep 22, 2010

I've been looking everywhere for the answer to this problem- maybe your site and members is the one who can do it the random images are working as I want, EXCEPT, I want to make each one of these random images clickable to a url.It would be great if you knew. Also - if you know how to add a matching quote for each image right underneath it, that would be awesome, but having the clickable image is more important right now but I have not had any luck with matching up links and images in the 4 td cells.

View 3 Replies View Related

Adding Links To Random Pictures?

Jul 16, 2011

On my website, I have random logos appear on the home page as products that I recommend. I would like to make these logos into links to the website they are from, so that when one clicks on the picture, it directs you to the site, but I can't quite get it to work, and I know very little about Javascript (as you may know from my previous question about Javascript).

Here's my current JS code:

<!--
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the

[Code].....

View 6 Replies View Related

Ading Links To Random Images

Sep 14, 2003

I have this script for putting up images at random, it works fine. I want to know how to put a link on each images, like if "image1.gif" is displayed, it links to "http://www.google.com", if "image2.gif" is displayed, it links to "hotmail.com", and so on. I attempted to figure out the problem myself, but the search was fruitless.

<script language="JavaScript">
<!--
function random_imglink(){
var myimages=new Array()
myimages[1]="image1.gif"
myimages[2]="image2.gif"
myimages[3]="image3.gif"
myimages[4]="image4.gif"
myimages[5]="image5.gif"
myimages[6]="image6.gif"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>

View 4 Replies View Related

Random Images / Links Without Repeating

Mar 9, 2010

I have a web page that contains a bunch of advertisements. What I need to do it randomly shuffle these images each time the page is refreshed. I cannot have any repeating ads.

View 5 Replies View Related

Having Random Images In A Table Plus Links

Sep 22, 2010

I've been to many different site forums and have yet to have my questions answered completely maybe your site and members is the one who can do it.if you know how to add a matching quote for each image right underneath it, that would be awesome, but having the clickable image is more important right now.If its a new array, please show me exactly how it looks and where it goes in reference to this code if you'd be so kind.

View 3 Replies View Related

JQuery :: Text Links Trapped - But Not Image Links

Nov 28, 2010

I have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>

I want this .click target to be the link: $('a').click(function(e){

Instead, the target returned is the image [HTMLImageElement].

I have tried using closest()and currentTarget:

But they all still return the image, not the link.

View 2 Replies View Related

Mutliple Random Images With 'personal' Links

Nov 9, 2010

I've been searching the net for a while, for the easiest multiple random images code and found it. But now I've also been searching for a script to link all single images to a different link (link z1.jpg to home.html, z2.jpg to contact.html, x1 to banana.html, etc.).

This is the script I'm using:

Code:
<script language="javascript">
<!--
var gallery = new Array();
gallery[0] = new Array("z1.jpg","z2.jpg","z3.jpg","z4.jpg","z5.jpg");

[Code]....

View 7 Replies View Related

Script Which Click On Random Links On My Webpage After Page Load?

Nov 14, 2011

I need a script which click on random links on my webpage after page load?i have javascript code which open only link which i write in script but i want the code which click on any available link on my webpage the links change after every 10-15 seconds so i cant set a spacefic link in code...

View 7 Replies View Related

JQuery :: Random BG Image Combined With Auto-scaled Bg Image Plugins

Nov 18, 2011

I've been searching for a resolution to this issue for hours trying to customize my page located at [url]

Specifically, I'm trying to figure out why this line of code is not making my images display in the background:

Original plugin script provided here: [url]


<script>

I made adjustments with my image references that are all located in this directory: [url]

Problem: No images load, and I believe I don't fully understand the .appendTo tage.. I don't know if #body is correct. The author of the plugin assumed I understood the relation. Also #homePage may be incorrect as well.

Additionally, I found another plugin that worked for placing an image in the background (not random), and the background image would scale to size, according the users window. I loved that and it worked, just wanted to add random images to the same script.... first things first... I can't even get an image to display at all with the above code.

In case you wanted to know the script I was using to scale the background image, here it is below (although, as you will see in the code for my site - this image feature is disabled as I am trying to make adjustments).

code for image solutions used:

HTML

CSS

If I can get this second code to work with the random image plugin.

View 4 Replies View Related

Random Image Script With Default Image Shown First?

Feb 16, 2011

Here's what I usually use and have been using for years and it works great, just not for this particular purpose. I don't have a clue when it comes to javascript.

<noscript><img src="no_script_quote.gif" width="406" height="94"/></noscript><script language="javascript">
var delay=6000
var curindex=0

[code]....

But, now I want to be able to set a default picture to be shown first and have the random pics appear next. I also don't want the default pic to show up again in the random array. So basically, every time the page was first visited, or refreshed it would show the default picture then move into the random pics.

View 8 Replies View Related

Add A URL To Each Image In Random Image Selector Code?

Jan 20, 2010

I'm completely new to this and have no knowledge at all when it comes to javascript. Have been using this script on my site for a while. Is there anyway I can add a URL link to the images that are in my selector? When clicked would go to that page on my website.

<script language="JavaScript">
/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/
var delay=10000 //set delay in miliseconds
var curindex=0
[Code]...

View 1 Replies View Related

Random Image

Oct 20, 2007

I am using a module called mod_pageear in my joomla based site that displays an image in the page when the trigger is scrolled over. I would like to change the code to access images in a folder on a random basis. The existing section of the code that accesses the single image is as follows: Code:

View 1 Replies View Related

Random Image Slideshow

Jun 17, 2006

I'm hoping that someone can answer what is probably a really simple question. I've got the Random Image Slideshow script from javascript.com and have it placed in my site where I want it. Now how do I get it to read where I've got the images I want displaying? The folder I have is called homeimages with 10 photos currently inside it.

The script is:

View 5 Replies View Related

Random Background Image

Sep 29, 2006

im having a dumbass problem its probably something stupid as it always is with me. Basically ive incorporated a javascript random image background. It works however it occasionally displays a WHITE bg, as if its trying to link to one of the images in the array and its not there. To get what i mean view the link below and click REFRESH until it goes white. Code:

View 10 Replies View Related

Random Image Isn't Postitioning / Why Is So?

Apr 19, 2009

I have a javascript that displays a random image whenever the page gets loaded but I can't seem to get the image on the right position...

I've got code...

View 5 Replies View Related

Random Image OnClick?

Oct 26, 2009

Code HTML4Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

[code]....

View 6 Replies View Related

Random Image With No Repeats?

Jun 30, 2010

I've got an array of images that I want to randomly attach themselves in some <li> tags. Right now I've got everything working great except the images repeat sometimes repeat themselves.Is there any way to make the images not repeat?Here's the code:

Code JavaScript:
// Random Image
var theImages = new Array()
 
[code]....

View 12 Replies View Related

Random Image With Corresponding Text?

Jun 10, 2011

i have a script that is close to working, but not quite. it loads 1 of 9 random images on pageload with the corresponding link on the image. that works fine. i am trying to also get the corresponding copy to appear next to it, but it seems to be totally random as well and not matching up with its proper image (for example, if image 5 loads, then copy 5 should be the one that loads). below is what i have.

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[code]....

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved