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
ADVERTISEMENT
Aug 7, 2005
I'm new at Javascript, and have written a script for a series of random
roll-over button images, but one thing I would like to add is a function
that checks to make sure that there are no duplicates in the randomly
generated variables that choose the pictures.
Can anyone give me a hand with this? One other thing I can't seem to figure
out is how to manage the "onLoad" aspect of caching my roll-over images (DW
has locked the <body onload> function into a template, so I can't mess with
it...). so my rollover graphics are grabbed from the server in "real time"
during mouse-over, which is a bit "goofy" and "slow" in terms of instant
rollover effect. I'm sure that there is a much more efficient way of doing
this, but I've been able to learn a lot by tweaking DW's way of doing
things, so it's not a total loss.
In an external JS file, I set up a series of 10 random variables using the
Math.random and Math.round functions like so:
var btn0 = Math.random()*100;
btn0 = Math.round(btn0);
var btn1 = Math.random()*100;
btn1 = Math.round(btn1); .... etc for 10 buttons
Then in my page, I piggy-back onto Dreamweaver's built-in roll-over
handlers, like so (to write the instances of each rollover image);
<script>document.write('<a href="link1.htm" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('pic1','','images/btns/'+btn0+'b.jpg',1)"><img
src="images/btn/'+btn0+'a.jpg" name="pic1" width="80" height="100"
border="0"></a>');</script>
For this particular page, I'm pretty much stuck with DW's coding because
it's locked into a template that governs my site navigation. Thanks for any
pointers or help ...
View 4 Replies
View Related
Jul 23, 2005
I will show you how to get rid of <a> tags to put links on pictures.
When you want to put a link to another page on a picture, you type this
kind of HTML code :
<a href="page.html" style="text-decoration:none;" alt="funny things....">
<img src="img12.gif" alt="funny things ..." border="0"></a>
But when you click on the image, you can see a dotted border around it.
If you type this instead :
<img src="img12.gif" alt="funny things ..." border="0"
onclick="this.location='page.html'" style="cursor:hand;">
I think it is better, especially when you have frames in your website.
View 2 Replies
View Related
May 28, 2010
I have 3 background images, and 1 is picked at random to be the background image of the body when loading the page.My code is below. Right now it's just white, can't get any pictures to load. I have checked the URLs and they are correct.
[Code]...
View 1 Replies
View Related
Dec 2, 2010
I have a rotating picture set up on my site, and I would like to have external links connected to each of the pictures. So far, the rotating pictures work fine, but there is no link to be found. Here is my code:
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16720691-1']);
[code]....
View 1 Replies
View Related
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
Mar 22, 2009
on the top of the page with the pictures scrolling with news and links inside of them without using flash. like with ajax or something? and if it can be done... how would i go about it?
View 2 Replies
View Related
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
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
View Related
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
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
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
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
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
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
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
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
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
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
Oct 19, 2009
I would like to create a Blackjack style game for one of my high school programming classes. I can generate 3 different random numbers and use these random numbers to display an image with that number on it.
How do I add the 3 separately generated numbers together to show the total??
Here is my code so far. Specifically I would like to add the myNumber1(), myNumber2() and myNumber3() results together.
<html>
<head>
<title>Play 21</title>
<script language="javascript">
function myNumber1(){
[Code]....
View 2 Replies
View Related
Nov 4, 2008
I am trying to figure out how to make an online quiz via Javascript, based on just a couple questions (4 to be exact) from a question-bank, and I want only 2 of the questions out of the 4 to appear when the quiz is taken (randomly of course).I found a great template online for what I want my quiz to look like, however, it does NOT have the random add-on functionality I would like.I am not looking for the 'answer' or for someone else to do the workHere is the quiz template I found:
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code]....
View 3 Replies
View Related
May 29, 2009
I have a pretty basic HTML form, it doesn't go to a database or anything, it just gets emailed directly to the owner of the website with their customer query.However, the owner has now asked that each query be assigned a random reference number of no more than 16 digits which must also be visible to the customer.I presume this will be relatively easy but I'm a complete beginner with Javascript which I assumed would be necessary for generating the number. I've sort of figured out how to generate the number but I can't figure out how to get that number into a read-only field on the form so that it will be both visible to the client and sent with the rest of the data on the form to the owner.I've had a number of attempts but this is what I'm trying at the moment:
Code:
<html>
<head>
[code]....
View 2 Replies
View Related
Nov 7, 2005
I have a random image JS that I need to add links to ( well, the same link but to all images) something I am doing is not working. I just need to add a link (asp/course_tool/default.asp) to each jpeg. Code:
View 2 Replies
View Related
Oct 5, 2011
I found a jquery image slideshow script but the images have no links to them. When I manually add the links to the image urls, these work only in IE - when I click next, the picture updates and is linked to the correct URL. In other browsers (Firefox, Chrome..), the last url becomes the clickable link for all the images. I have tried to use the .wrap option and I'm sure I'm on the right track, except I have 4 images and I want it to go to 4 different urls.it sought of works, but only the first url is picked up and becomes the link for all the images.How can I get the link reference for the url to iterate with the original loop of the image?
View 2 Replies
View Related
Oct 5, 2011
I've got this little chunk of code running on my freelance portfolio site - on each page (different sections of my portfolio) I have 6 thumbnails and a full sized graphic with some descriptive info, you click the thumbnail and it switches the graphic and other info, that all works fine.But on one page I have some web stuff and I'd like to make the var 'clientinfo' into a link to go to the client's website. I know I need to add an array with the website links, but then I'm not sure how to implement it into the html, I've tried various things I've found on here but I'm not getting anywhere on my own. I know it's something pretty simple (for someone who knows what they're doing) but I just can't seem to grasp it.
the js is like this:
$(function() {
$(".image").click(function() {
[code]....
View 3 Replies
View Related
Jun 26, 2010
adding a class to all links with a target of _blank
View 12 Replies
View Related
