I need a random JS script which stores a hyperlink around a designated image.
Let's say I've got a company website which offers various products, and on the front page I want a random image to appear of one of the products. When they click on that image, they are transfered to the page for that product. This means that the link and image has to correspond.
I'm trying to get a simple script to run where it cycles thru a few images with corresponding links and displays them on a page. I get the script to run 2 times then it breaks on the third with a runtime error saying "object expected Line 0". Code:
View 1 Replies View RelatedI've found a basic script, however I also need to add alt and title
attributes as well, how would I go about doing this? Code:
I am trying to put an image on the front page of my website that changes to one of two random images on mouseover. This part was easy, and has been done (I got the code from [URL] But what I am finding difficult is to make each image link to a different page. For example, if the user mouseovers the main image and sees the 'thumbs up' image, then clicks on it, they should be taken to the 'thumbs up' page. And if the user mouseovers the main image and sees the 'thumbs down' image, then clicks on it, they should be taken to the 'thumbs down' page. The site is here: [URL] I think using 2 arrays is the way to go, but am not sure.
View 3 Replies View RelatedI'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]...
I am working on a website that uses a random header. I have been trying to figure out how to adjust the code so that the header also serves as a clickable link.
Here is the code that I have:
What do I need to add in order for the header to also serve as a link? I am completely new to JavaScript and I don't understand it very well.
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.
How would I go about this? I found this piece of code, but this only allows
two links. Does anyone know how to expand on this to add 10 or more?
<script type="text/javascript">
var r=Math.random()
if (r>0.5)
{
document.write("<a href='http://www.w3schools.com'>Learn Web
Development!</a>")
}
else
{
document.write("<a href='http://www.refsnesdata.no'>Visit Refsnes
Data!</a>")
}
</script>
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.how to explain what happens, but here is it, more or less:The website is this: http:[url]....
Via an Ajax script, http:[url]..... 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:url....)So, here's the link generator code:
---------------------------------
<script type="text/javascript">
function randomlinks(){[code].....
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...
I recently used a random link generator found at http://javascriptkit.com in my webpage: http://random-casino.com
View 10 Replies View RelatedI used the code on this website [URL]... but it doesn't work. I have 167 links and placed the code correctly but nothing. What am I doing wrong?
View 3 Replies View RelatedHere'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.
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]...
I have huge page of links, to whcih I am currently adding. I would
like to add a "random link" button which would parse the current page,
extract all URLs then load a random link.
I have this code which creates a text that redirects to a random post for a given feed URL (For blogger blogs)
<div id="myLuckyPost">
</div>
<script type="text/javascript">
function showLucky(root){ var feed = root.feed;
var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0;
j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){
window.location = entry.link[j].href;}}}
function fetchLuck(luck){ script = document.createElement('script');
script.src = '[URL]'; script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
} function feelingLucky(root){
var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);luckyNumber++;
a = document.createElement('a'); a.href = '#random';
a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);};
a.innerHTML = 'View Random Post';
document.getElementById('myLuckyPost').appendChild(a); }
</script> <script src="[URL]">
</script>
How to use this generated random link individually as a variable. (Ex. I don't want to create a text that redirect me to the random post, I want to put it in a variable form to use it in another script). Like This:
var randompost = random post url here;
<html>
<body>
<div id="link">[code].........
I got stuck in getting this to work (show random element of the array as a link with description)
rl.innerHTML='<a href="addr[ri]">addr[ri]</a>';
This is showing addr[ri] on a page and directs to[url]....
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 RelatedI 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];
}
}
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:
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 RelatedI 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...
Code HTML4Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code]....
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]....
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]....
i have the simple code below to display a random image; how can i modify this line to place the random image at 225px wide by 141px high?
Code JavaScript:
document.getElementById("highlight_1").src = randomimage1;
i want Random image displaying script tutorial or code:
View 1 Replies View Related