Modify Slideshow To Enable The Pictures To Make Hyperlinks?
Feb 15, 2011
I have been using this sideshow example which works great but I want to be able to click on the slideshow picture to take me to another link (hyperlink)
I also wanted to have links next to the slidehsow which would go to a certain picture in the slideshow for example by pressing link "go to picture 3" it would scroll automatically to picture 3 in the slideshow
I have been using examples from: [URL] this but I am willing to change to another version if I can't do that with this slideshow scrit
View 1 Replies
ADVERTISEMENT
Mar 17, 2010
I have been trying to develop a script that creates a slideshow that adds hyperlinks to the images.
I'm a beginner at Javascript, so I've made a bastardisation of 3 different scripts I've found that, by my reckoning, should work.
This is the slideshow code:
I know that for the most part, this script works. It was only when I tried to add the component that involved adding a hyperlink that it broke. The bit of code in the HTML that it directly affects is <div id="view_portfolio"> </div>
Does anyone know why the javascript doesn't work? I have a feeling it's because I haven't applied the id tag in the HTML properly, but I don't know what exactly is wrong about it.
The gallery I have made so far is at [url], except that at the moment, the images don't show. I've attached the javascript & html code.
View 3 Replies
View Related
Sep 2, 2007
I'm working on a site for a college javascript class, but I want to do a little bit more with my class site. I have a very simple slideshow set up( as a pop-up), but I want the images to be clickable and take the person to a site. Specifically, I have images for books on amazon, and I want the person to be able to click on the images and be taken to the specific page where the book is sold.
I'll post what I have, I was wondering what would be the best way to integrate it into my slideshow.
<body onblur="self.close()">
<div style="text-align: center;">
<p>If you like this site, you will love these<br />
wonderful books. Click <a href="http://www.amazon.com">here</a>
[Code].....
View 8 Replies
View Related
Jun 3, 2010
I've managed to get a slideshow to randomly display pictures, but each time I try to add a fade into it, it never seems to work.
<script language="javascript">
var delay=2500 //set delay in miliseconds
var curindex=0
[Code]....
View 1 Replies
View Related
Jun 6, 2010
i'm sure this is an easy fix, [URL] trying to get rid of the black background around the smaller pictures in the slideshow.
View 3 Replies
View Related
May 13, 2009
I found a sample java script for a slide show.
I'm trying modify it to show four pictures at a time.
And links to youtube videos
I really have no clue what I'm doing, I'm just changing stuff and seeing what happens. Yeah, I'm surprised I got this far.
What I need to learn is:
< how to assign and change the other three pictures.
< how to change the embeded image link.
Here is what I got so far: Slide show of Movies
And here is the code:
View 6 Replies
View Related
Mar 3, 2010
Need the three "Options" to be hyperlinks that submit the "choice" form. When submitted, I would like the value to be the text of the option selected (i.e. value=Option1, Option2 orOption3) and all three to have the same name. (i.e. name = Options) How do I make the 3 options inputs and submit on click?
<form action="cgi.exe" method=POST name="choice"> <tbody> <tr> <td>Option1</td>
<td>Option2</td>
<td>Option3</td>
[code]....
View 1 Replies
View Related
May 19, 2010
I have an array "personen" I first show in an list in "divLijstDerPersonen" and eliminated the Duplicates. When I click on a name in that list I get a column from all the "personen" with that name. function link_Click() Now I want to make another div with all the details, pictures etc from the person I select in that colomn. function iets_click() but for some reason I'm not able to get the document.getElementById("autoid" + i);
[Code]...
View 2 Replies
View Related
Jan 24, 2005
The problem is that I wanted to do a web page where you can choose the characteristics that you expect your dog to have and on the next page the pictures of the dog should be shown. I did a questionnaire where the visitor can fill in the attributes of his dream dog. This is done in a selection field. The different values should bring the dog breed that can be taken into consideration. Additionally there should be a box to tick if something is absolutely necessary.
I made the site for this as well, but I don’t really know how to work the part out.
I hope someone can give me hint.
This is the part with the function. I only took one as an example:
<script language="JavaScript" type="text/javascript">
<!--
dtschaeferh = Image
dtschaeferh.scr="dtschaeferh.jpg"
function mobile()
var newWindow=window.open("", "mobilephonemarket")
if (document.forms.groesse.value<>"klein") ||(document.forms.famhund.value<>"15") ||
(document.checkbox.unbedingt_famhund.value<>"true") || (document.forms.HDfrei.value<>"15") || (document.checkbox.unbedingt_HDfrei.value<>"true")
{
return document.dtschaeferh.src="dtschaeferh.jpg"
}
newWindow = window.open("Hundevergleich.html")
mobileWindow.document.writeln("<html><head></html>")
mobileWindow.document.writeln("<body>")
//-->
</script>
This is the pull down menu:
<tr>
<td style="vertical-align: middle;"><a href="javascript:infofenster('groesse')"><img src="images/sp_info.gif" width=21 height=11 border=0 alt=""></a> Measurements</td>
<td align="center"><select name="groesse" style="width:100px;"><option value="klein" selected>klein</option><option value="mittel">mittel</option><option value="gross">groß</option></select></td>
</tr>
<tr>
<td style="vertical-align: middle;"><a href="javascript:infofenster('gewicht')"><img src="images/sp_info.gif" width=21 height=11 border=0 alt=""></a> Weight</td>
<td align="center"><select name="gewicht" style="width:100px;"><option value="15">sehr wichtig</option><option value="10" selected>wichtig</option><option value="5">egal</option></select></td>
</tr>
<center><input type="submit" name="submit" value="Finde Hunderassen"><input type="reset" value="Zurücksetzen"></center>
This is on the following page:
<body
<table><tr>
<td><img scr=““ name““></td>
<td><img scr=““ name““></td>
<td><img scr=““ name““></td>
<td><img scr=““ name““></td>
<td><img scr=““ name““></td>
</tr></table>
I hope someone can help me, because I am getting mad with this page.
View 2 Replies
View Related
Aug 17, 2005
I want to have multiple small pictures on my site(lats say 9 - box of 3x3). I want to make an interface in which user will be able to select 2 pictures and press the submit button.
So i want to get the numbers of the 2 selected pictures(lets say they have numers representing them 1,2,3,4...) in the POST variable so i can do something with them in my PHP scripts.
View 5 Replies
View Related
May 4, 2011
I'm confused about this as I am very very new to JavaScript.
I am using a number of photos on one page that are selectable to then move over to a second page with a working slide on it.
I need the user to be able to select 4 of the pictures and have their selections be viewable in page 2 slide show. How would I do this? I'm very confused
View 3 Replies
View Related
Jan 26, 2010
I have the var movies drop down numbers (movddn) and I want to make a similar var for a series of other pictures. so:
And Final product:
But it just doesn't work... I have no problem adding vars together in other areas and in many other instances but for some reason this won't work.
View 2 Replies
View Related
Dec 26, 2009
I have this rollover script (original done by Old Pedant) which I have modified making it 5 sets of 2 images. Although it seems to work I have a feeling it's not the best way of doing it. It seems clumsy to me. Could it be made more concise. (or just made correct)
<script type="text/javascript">
function linkOver(link){
var image = link.getElementsByTagName("IMG")[0];
image.src = image.src.replace("Off_1.png","On_1.png");
image.src = image.src.replace("Off_2.png","On_2.png");
image.src = image.src.replace("Off_3.png","On_3.png");
image.src = image.src.replace("Off_4.png","On_4.png");
image.src = image.src.replace("Off_5.png","On_5.png");
}function linkOut(link){
var image = link.getElementsByTagName("IMG")[0];
image.src = image.src.replace("On_1.png","Off_1.png");
image.src = image.src.replace("On_2.png","Off_2.png");
image.src = image.src.replace("On_3.png","Off_3.png");
image.src = image.src.replace("On_4.png","Off_4.png");
image.src = image.src.replace("On_5.png","Off_5.png");
}
</script>
</head>
I have 5 of these:
<body>
<div id="megaanchor" onmouseover="linkOver(this), callSecondFunction('soldier',50,40,200);" onmouseout="linkOut(this);" ><img src="images/image_Off.png" alt="" border="0" />
</body>
View 2 Replies
View Related
Jul 11, 2010
How we can modify this function in order to make it in use for many displays?
HTML Code:
For example! I have this code, the select with id=one is the main one whatever I select from the drop down list One or two or three , the other menue appear" with id=two or id=three.
HTML Code:
View 1 Replies
View Related
Jan 26, 2011
Can I make a list of hyperlinks that users can customize and save as a cookie by clicking a button and automatically retrieve the cookie so it remembers their list next time? This is kind of what I want to do:
[Code]...
View 1 Replies
View Related
Mar 22, 2010
Code...
Since I changed hosts for my web site Ive had a few creases to iron out. I'm hoping this is the last one...
Basically on this page http://www.pauserefreshment.co.uk/go...arch_2010.html i had a really cool light box effect pulled from this site code...
Unfortunately it no longer works :-( Ive checked the file paths and cant see the problem. I'm totally foxed. The CSS and java script files look the same so I just cannot fathom why when you point over an image on this page
http://www.pauserefreshment.co.uk/go...arch_2010.html the light box effect remains disabled.
View 1 Replies
View Related
Mar 5, 2010
I'm trying to make a function that will enable any given form field. This is what I have, my form name is 'searchfields':
Code:
function EnableDisable(field)
{
var loc = 'document.searchfields.'+field;
loc.disabled = false;
}
View 2 Replies
View Related
May 2, 2010
I am javascript newbie. I have a slideshow on my site and it works fine if I type in the images for it to display, however I want to get the image files path from my database, so it shows all the photos.
Here is the code I am working with. I want to make all the image paths "images/photos/2.jpg" come from my database. I have tried adding php into it but it doesn't work.
[Code]...
View 5 Replies
View Related
Jan 25, 2010
I've been trying to get this javascript slideshow to scroll down instead of up but am running into problems.
View 4 Replies
View Related
Nov 25, 2011
Im using a slideshow on my website but it stops when he displayed all 10 images but i wanna make it loop.
Here is my script:
Quote:
View 1 Replies
View Related
Sep 17, 2009
i want to know, what should I do to make the j query simple slide show repeat playing as currently it stops when the slide show finishes.
How can I do it repetitive?
View 12 Replies
View Related
Dec 30, 2009
How can i make a showcase jquery slideshow like the second example on this website here?
[url] remember the 2 example i just don't know whats wrong with my code
Well this is my code:
View 2 Replies
View Related
Jan 15, 2010
My problem is when the page loads, the javascript slideshow starts to play even if the image has not yet finished loading... in effect the first image is not displayed since the image is still loading..
what i hopefully want is to start the slide show when all the images has loaded so that the slideshow will run smooth. code...
View 3 Replies
View Related
Jan 15, 2010
the javascript slideshow starts to play even if the image has not yet finished loading... in effect the first image is not displayed since the image is still loading..what i hopefully want is to start the slide show when all the images has loaded so that the slideshow will run smooth..
Code:
<div id="slideshow">
<img src="Image/image1.jpg" alt="Slideshow Image 1" class="active" />
[code].....
View 10 Replies
View Related
Oct 18, 2011
I've got a slideshow which has animated gifs in it. But the timing goes out after a few slides. I need to find out how to get each gif to restart when it is shown but without having to re download the image each time. The website address is below, the slide show is just below the body text.
View 4 Replies
View Related
Sep 1, 2010
I am looking for a upload form to upload pictures and then when the pictures are uploaded, then they get emailed to me. Kind of like a contact form but attached is the pictures.
View 1 Replies
View Related
