Image Slideshow With Sound?
Mar 28, 2011
I've got a script at present which allows me to cycle through images stored in an array as a slide show on a timed basis per each one.What I would like to do is have a 2nd array which has .wav files and when the first image is shown the first sound clip in the 2nd array plays and when finished the 2nd image shows followed by the playing of the 2nd sound clip in the array.If It is not possible to move images when the sound finishes I will set the length but would like to play the sound clips with the image.My code is shown below :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
[code]....
View 2 Replies
ADVERTISEMENT
Oct 10, 2011
I am trying to use the following code to make the source of a embedded sound switch to different sound files based on which link is clicked:
javascript:
scales=Array("sounds/scales/Mscale.wma", "sounds/scales/hminscale.wma", "sounds/scales/nminscale.wma", "sounds/scales/mminscale.wma", "sounds/scales/chrscale.wma");
function Mscale() {
[Code].....
View 8 Replies
View Related
Jan 18, 2005
Below is the script. Just insert the name of your sound file where it says car3.wav.
At some point, the script turns from a sound loader into an image loader -- that begins at this line:
if (document.images)
<script LANGUAGE="JavaScript">
var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "car3.wav";
// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;
function auPreload() {
if (!ver4) return;
if (NS) auEmb = new Layer(0,window);
else {
Str = "<DIV ID='auEmb' STYLE='position:absolute;'></DIV>";
document.body.insertAdjacentHTML("BeforeEnd",Str);
}
var Str = ''
for (i=0;i<aySound.length;i++)
Str += "<EMBED SRC='"+aySound[i]+"' AUTOSTART='FALSE' HIDDEN='TRUE'>"
if (IE) auEmb.innerHTML = Str;
else {
auEmb.document.open();
auEmb.document.write(Str);
auEmb.document.close();
}
auCon = IE? document.all.auIEContainer:auEmb;
auCon.control = auCtrl;
}
function auCtrl(whSound,play) {
if (IE) this.src = play? aySound[whSound]:''
else eval("this.document.embeds[whSound]." + (play? "play()":"stop()"))
}
function playSound(whSound) { if (window.auCon) auCon.control(whSound,true); }
function stopSound(whSound) { if (window.auCon) auCon.control(whSound,false); }
if (document.images)
{img1on = new Image();
img1on.src = "CI-on.gif";
img1off = new Image();
img1off.src = "CI-off.gif";}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");}
}
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");}
}
//
</script>
There are five links buttons in the demo but only the introduction of "img1" is shown in this sample script.
In the document body, an anchor uses an onMouseOver to call for both the image flip AND the sound play.
Then it uses an onMouseOut to both revert the image and stop the sound play.
<P><A HREF="http://www.jeffs-icons.net/RZ/CI-F.html" TARGET=_top onMouseOver="imgOn('img1'), playSound(0)" onMouseOut="stopSound(0), imgOff('img1')"><IMG SRC="CI-off.gif" NAME="img1" border=0 ALT="Club Info"></A>
View 2 Replies
View Related
Jun 7, 2010
I have an on/off image piece of code: (probably out of date!)
<!--
var NN3 = false;
image1= new Image();
[code]....
View 2 Replies
View Related
Apr 14, 2001
Could someone point me in the direction of a script that allows you to have an image change on MouseOver and plays a sound at the same time?
View 1 Replies
View Related
Jun 1, 2011
i have a small image slideshow i want add a text slideshow to image slideshow. how is it?
my code:
<!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">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
[Code]....
View 7 Replies
View Related
Sep 30, 2011
need a script that swap image and play sound on mouseover i already did the swaping image effect but i still need the sound to be played on mouseover .... the link is
View 1 Replies
View Related
Feb 13, 2010
I would like to play a .wav sound file when someone hovers their mouse/pointer over an image. I am running a Linux OS.
View 2 Replies
View Related
Mar 8, 2010
Is it possible to play a sound file when a visitor to my website moves their mouse/pointer over a single image no matter what browser they are using?
View 4 Replies
View Related
Jun 12, 2011
I have a basic 3 image slideshow banner for a website, but it loops and I'd like it to stop on the last banner image instead of start over. Here is the code I have, but I don't know what to do to stop the slideshow once the last image is displayed:
<div id="mySlider">
<div id="slider">
<!-- start slideshow -->
[code]....
View 5 Replies
View Related
Jan 9, 2006
I am trying to write a script to display pictures. I have the following code which works OK for displaying the next or prior picture. I know there are plenty of scripts out there for this, but I want to do it myself. So, I'll worry about the pause/play later. I dont know how to write the image using javascript. My problem that I currently want to fix is the first picture displayed is not initialized; that is, the variable I guess. I am passing the directory name, which is this first function. So, I have to click NEXT or BACK (my buttons) to display the first picture (actually the 2nd)... Code:
View 3 Replies
View Related
Jun 17, 2006
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:
View 5 Replies
View Related
Jun 10, 2009
I'm going to set up a fade-in/fade-out slideshow, probably with jquery, that will loop through a list of images. But I only want the very first image to be shown once and then not again, even if the screen is refreshed. I don't know much about how to do that but I'm guessing it has something to do with a session, or cookies?
View 10 Replies
View Related
Dec 19, 2005
How could I make a random image slideshow with the images being in a folder and not listed in the head tag? (I have over 1,000 images and do not want to list them all in my index page)?
View 1 Replies
View Related
Apr 25, 2009
I have been trying all morning to put a basic slideshow into my site from the below link[URL]... am pretty new to this and having to host my images on Photobucket as I use Big Cartel. I cannot figure out where to put the image links and do they need -
<a href=" " ></a> or just direct links?
View 8 Replies
View Related
Dec 23, 2009
I'm trying to setup and image slideshow with captions. I can't it to work so far.
Here is a code snippet:
Javascript
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = '1.gif'
Pic[1] = '2.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)
}
Html
<body topmargin="5" leftmargin="0" marginheight="0" marginwidth="0" onload="runSlideShow()">
<img id="picture" name="SlideShow" src="1.gif" alt="" width="350" height="195" border="0" align="middle" />
View 7 Replies
View Related
Jan 21, 2010
Alrighty so here's what I have. Live example: [URL] It's a image slideshow that dynamically gets all the images (via php) in the current directory and puts them into the slideshow array. The array then randomly displays the images in the slideshow (via javascript). There are 5 images in the folder rotateimage which also has the php script getimages.php in it. Currently only the first image fades in however I want all the images to fade in as the first one does.
[Code]...
View 3 Replies
View Related
Jun 11, 2011
I am using a slideshow and want to basically have an 'image loading' whilst all the images load before the slideshow. Is there a way to do this? So far I have figured the best way around this is to have a GIF as a background image that says the loading message, and then once the slideshow loads over the top its fine, however im guessing this is'nt the right way to do this. I am using this slideshow set to just loop:
[URL]
I am open to using other similar slideshows if there is one more suited.
View 1 Replies
View Related
Aug 14, 2009
I downloaded a JavaScript for an image slideshow. Here's the script :
Code:
//Specify the slider's width (in pixels)
var sliderwidth="840px"
//Specify the slider's height
[Code]....
how to pause the slide on a mouseover? Is it possible with javascript to zoom the onmouseover image a bit?
View 2 Replies
View Related
Dec 3, 2009
I have some javascript for a jQuery slideshow, I need to make it autorun to the next image, but I don't know what I need to change in the code to make this happen. I got the script from this jQuery slideshow: [URL]
Code JavaScript:
$(document).ready(function(){
current = 1;
button = 1;
images = 10;
width = 480;
$('#p1').animate({"left": "0px"}, 400, "swing");
$('#b1').css("backgroundPosition", "left bottom")
$('#b1 b').css("color","#fff"); .....
View 2 Replies
View Related
Oct 22, 2007
I trying to get the image in the masthead to cycle through a small number of images. The image is the background-image of the div 'masthead'.
It works in Firefox but I'm getting an error in IE. The error is 'invalid argument' and refers to the j increment. I can't see the prob.
Also the slideshow is a bit abrupt and I need to make the images fade into each other. My old method and examples I've seen on the web don't seem to work. Does anyone know how to do it? Code:
View 1 Replies
View Related
May 3, 2011
I'm doing a javascript slideshow with image transitions. The way it's setup at the moment that slideshow and image transitions are two separate "modules" with different arrays.
First array for images looks like this:
NewImg = new Array (
"photos/1.JPG",
"photos/2.JPG"
);
Second it's a source for my thumbnails:
function photo() {
document.getElementById('div1').innerHTML = "<img src='photos/1.JPG' id='photo' class='photo'>";
}
function photo2() {
document.getElementById('div1').innerHTML = "<img src='photos/2.JPG' id='photo' class='photo'>";
}
etc..
Is it possible to include the second one, thumbnails into the first array?
View 1 Replies
View Related
Jul 21, 2011
I am having an issue with some javascript code, when I click on the images in the slideshow it doesn't do anything. However, window.location works fine.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
View 1 Replies
View Related
Jun 23, 2011
I've made a simple slideshow from images in an array. I've search for a way to add elements to each "slide", in addition to the image, but they only pertain to image attributes (title, alt, url, etc.). Is there a way to create classes (for elements other than images, like header text and a content paragraph) in my javascript that can be added to each slide's array (and stylized in css)?This is my current code:
var infoData =[
'images/image1.jpg',
'images/image2.jpg',
[code].....
View 1 Replies
View Related
Nov 12, 2011
I am trying to change the url link associated w/ an image as each imageprogressesthrough a slideshow.I want each image to link to a unique page.
[Code]...
View 1 Replies
View Related
Aug 15, 2009
i need a slieshow effec that i want to create for my personal website. following is what i need i want to display an image and below that will be text and this text should be clickable and open in a new window and this way i want to show few images and text with a certain duration for each. there should be no left arrow and right arrow, instead each picture along with the text should move from the right to left or from left to right and stay for few seconds and the next one should appear and the text should be clickable and open in a new window. can anyone refer me to a website from where i can get this effect.
View 1 Replies
View Related