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 RepliesI 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 RelatedI'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]....
I know I probably have to recode this, but is there a simple answer?
var ImageArr1 = new Array("images/sponsors/deanst.png","images/sponsors/vroom.png","images/sponsors/lfest.png","images/sponsors/beontrack.png");
var ImageHolder1 = document.getElementById('Rotating1');
var ImageArr2 = new Array("images/sponsors/paulmitchell.png","images/sponsors/sinnersaint.png","images/sponsors/pinksofa.png","images/sponsors
[Code].....
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].....
adding a class to all links with a target of _blank
View 12 Replies View RelatedI'm a php developer and have come across a mind boggling issue involving Javascript. I'm uploading images to a server without issue. They are being returned to the page in thumbnails.
The script works great but I can't get the links for the images that I've uploaded.
If I right click and view the image I can see the link on the server. How would I go about getting that link? If I look at the source code the link isn't present. Its a dynamically generated link for the uploaded image.
Being completely unfamiliar with Javascript
Here's the code I'm working with:
<input type="file" name="u" size="40" style="width:500px"/><br/>
</div>
<style type="text/css">
.flashUpload {width : 151px;}
</style>
[Code].....
Using Dreamweaver, I'm trying to implement code on my page so that the images refresh upon loading, and each image links to a different page.I'm also trying to have it so images will rotate on the page and link to other pages within my site.
View 7 Replies View RelatedThis 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 RelatedSo what I am trying to do is make it so that every time the page is opened or refreshed we get a different image with the corresponding link. Of course I can't make this work.
I have the following code:
<script language="JavaScript">
var id = 3;
var ranimage = new Array();
var imagelinks= new Array();
[Code].....
How can i add a function to all links which share a same class on page read? I want to add this addClassSub(); to all the links with a class name 'sub'.
this is the html,
[Code].....
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 RelatedI have coded my navigation bar so when you mouseover a button (about us- for example), it displays a sub menu using images below using a simple multiple image swap. When I mouseover another main button, the first ones are replaced with the new sub menu items-images.
All works fine, however, I cannot figure out a way to code into the existing script to assign and make hyperlinks associated with the sub menu buttons change as well. Here's my web page: [URL]
I have just the main nav button links contractor and freelancer activated right now. Here's the code below (using MM_swapImage):
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
[Code].....
I've been looking now for over a week on how create this [URL] effect when you hover over the ships on that page.
View 7 Replies View RelatedI 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>
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 RelatedI'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 RelatedI have used this daily changing image script, it works well but I would like to add html links to each image. But I don't know how to do it.
So instead of the array '1_side.jpg' '2_side.jpg' I would like somethinlike this:
Here is the code:
When someone clicks on an image here (URL...), the rest of the images collapse and become invisible.Also, there will be a "show other images" button which will then show the rest of the images.
View 4 Replies View RelatedI have a couple of divs as part of my gallery page, I was wondering how I can make the image that is loaded into the div be a link, so it can be clicked on, but a different link for each image. I want to click the main div on the right when it has been loaded with an image so it opens up the original image source in a new window.
View 2 Replies View RelatedI'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]....
I'm using this code for slideshows on my page. But I want to make it so that I can put a different link for each image. How can I modify this to do that?
Code:
I have created a photography website myself and coded it all in dreamweaver cs4. Now i have created it using html, as i didnt want to limit it to flash users and loading times etc etc. So today i found myself a nice simple slideshow tool that uses html and javascript. i created it using a site online (which i will not post as i dont think we are allowed to post to online sites).
The slideshow loads images up in the background, and it plays them in a random order.
Now i am able to define individual image links to either a url of the an image, or point it to individual images, listing them one by one in my coding, which as a photographer having differet galleries is goign to be a royal pain when i want to have new images showing up.
So my idea is to replace the code that retrieves in dividual images from url's, to replace it with a piece of code that will display an image from a list of about 7 or 8 folders on my server all containing images....
i.e. displays an image from the folder .../images/models/pic01.jpg then it brings up an iamge from a different folder .../images/portrait/pic08.jpg.
Is there a way to do this and how can i go about it?
this is the code i currently have:
<!-- configurable script -->
<script type="text/javascript">
theimage = new Array();
// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
[Code].....
How would I cause the links generated by the below javascript to include "nofollow" tags so that I don't bleed PR by using this?
The script rotates clickable image links.
Code:
I'm creating a slider with the Cycle plugin and ran into a little bit of a road block.
What I want to do is simply have anchor links on my slideshow images, which I can get working just fine, except that when I add these anchor links, it removes my image caption (which worked prior to adding anchors on my images)
[Code]...
I'm testing out the cycle plugin, I wanted to have it so the slideshow would pause on hovering over both the pagination links and the image. With the below code right now only the bottom slideshow pauses on hovering over the links but does not pause on hovering over the images as the top slideshow does. I seem to be running into problems combining the two, can you take a look? I want to keep the previous and next links and for them to be functional also.
<!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>
[Code]....