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
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:
I followed the tutorial on this site how to create a slide show. The slide show works great. What I am wondering is there anyway to make the slide show stop after running so many times?
View 9 Replies View Relatedi have to make a simple site for my sister and i am kind of a newbie at the whole web development thing am pretty ok with html tho. wo i was trying to make a slide show on the front page of the site, so i got a little help from a site called java script city,
var my_imgs_off = new Array();
var my_imgs_on = new Array();
/* Set "Off" image URLs */
[code]....
Should I just make this a small video, or will JS be able to handle around 25 pictures without being really slow?
View 1 Replies View RelatedI 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]...
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.
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.
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
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.
I have a simple list of members names that I pull from my members database for printing members info. I want to show the members profile/family image as well. Because its for printing I want to add the ability to hide/unhide the pics. I put the pics in a div with an ID.
[Code]...
I have a problem on my wordpress blog that is integregated with a 3rd party shopping system. What I'm finding is that the Image Slide Show will not show up on the product page but will show up on other pages. obviously there is some conflict but I don't know where.Example: here is the product listing page while in the header the slide show seems to work fine.Now here is the page if you select one of the t-shirts but as you will see the image slide show in the Header vanishes?
View 2 Replies View RelatedI've pared this down as much as I can to demonstrate the issue. What can I do to make the slide in go over the top of the image rather than underneath as at present?
<html>
<head>
<title>slidein</title>
<style>
#headerstudy {width:980px;height:280px;margin:0 auto;padding:0;}
#mainbook {position:absolute;top:7.5em;left:15.4m;border:0 none}
</style>
[Code]...
I try to build my own preview image in javascript (specifically in jQuery). Now about every image have an atribute onclick="ShowBigImg(NAME_OF_IMAGE)" and the function ShowBigImg shows the image in original size. But in every photogallery are 5-10 images and I would to add an option paging in this photo gallery -- similary, how it knows Fancybox eg., or Thickbox...
My idea is following code...
And I try after press a key "a" to get the name of following image... but always insted a name of image only 'Name of next images: undefined'.
I have a script that shows/hides a div but rather than making it sort of snap I would like to make it glide/slide. I have looked at other scripts but can't make them work with mine.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
[code]....
Anyone could give me some leads on where to find a javascript program
to make an automated slideshow with pictures located in an specific
directory? What I mean is that I do not wish to specify specific
pictures, but just tell the program to use all the contents (*.*) of
a specific directory.
Whats the easies way to add captions to a slide show.
I have the basic slide show format with images in an array and having them get cycled through via a function like chgSlide(-1) or chgSlide(1).
I can' easily add the captions to an array. I'm not sure how to print the captions on the page. I could use a text box but thats lame.
How could I print these on the page as each image is updated in the slide show?
My slide show seem to not be initializing I used a base from [URL] and tweaked it around to be exactly what I need and it won't start.
here is my js
var interval = 1500; //1.5 secs
var random_display = 0; //goes in order
//defines where the images are stored
[Code]....
I have to include:1) 10-20 pictures2) a title that is displayed at the top of the page3) the file name of the current picture4) a drop down list that allows the user to ynamically change the background color. Black (default), red, green, orange, brown, and blue.5) Right under the pictures there should be five clickable images for first, previous, next, last and random. 6) I can use any images for the above described buttons.7) The slide show should rotate through images whenever border conditions are met. For example, if the next button is clicked on the last picture, then the first picture in the deck should get loaded. Alternatively, if the previous button is clicked on the first picture, then the last picture in the deck should get loaded.8) When the random button is clicked, a random picture must be selected. A randomly selected picture must be different from the current picture.9) Each button must display a tool-tip when the mouse hovers over the image. 10) CSS for all formatting.11) Javascript code in separate file.So far i have:
<script type = "text/javascript">
function loadPicture() {
var img = new Image();
[code]....
For some reason, the slide show at this link will not work in Firefox, but works in IE, Chrome and Safari. Any ideas on why its buggy.
View 2 Replies View RelatedI recently found a slider which I want to use for my website. The slider is extremelly simple and exactly what I need. Although I need to make it slide automatically while still keeping the buttons.
View 3 Replies View RelatedI would like to make a slide show using random images. The problem is my
host is 250.com, and they don't support cgi-programs. Is there another
way to accomplish random images?
I am using some excellent code for a photo slide show from ..
The way this slide show gallery works is there are mulitple list items in an UL and within each list item is an image. sequentially one list item has the class .show and this changes the css of that list item so opaque is set to 1. Making it visible. A timer determines when the list items change so the next list item within the hierarchy has .show. Once is reaches the last list item, it goes back to the first item.
The problem I have with my code is that when the page first loads up, the first image displays briefly before changing to the second image. After this happens, the slide show behaves correctly.
In bold are the the important lines of code. First I use jquery to assign .class to first list item. The second line of code in bold is a conditional statement. If no image has .show, assign it to the first list item. This is when the code doesn't work as intended.code...
have set up a simple slide show within a table to present as redesign option on home page for a new client. The SS is working fine but the rest of the content that follows in rows beneath are not showing when the page loads. They do appear when you hit refresh. what's blocking the load. Here's the link to the test page:[URL]
View 2 Replies View RelatedI have the follwing slideshow and would like to know if it is possible to add a url to the images.
URLs to add: /html/technical.asp
/html/books.asp
<script>
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 10000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = '/html/images/technical-files.gif'
Pic[1] = '/html/images/reference-books.gif'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
I have a project on building a horizontal slide show and it has to look like this site. tiltdesignstudio [dot]com and instead of flash, i need to use other programming language.
1) is it possible to create a site like that with out using flash?
2)What would be the best approach to build this project?