Free JavaSccript codes

Discussion in 'Web Programming' started by JavaScriptBank, Nov 22, 2009.

Sign in to Post
Thread Tools

Thread Tools

  • Thread ID:
Free JavaSccript codes
  1. Unread #1 - Nov 22, 2009 at 9:15 PM
  2. JavaScriptBank
    Joined:
    Sep 25, 2009
    Posts:
    17
    Referrals:
    0
    Sythe Gold:
    0

    JavaScriptBank Newcomer
    Banned

    Free JavaSccript codes
    Good and Nice JavaScripts​

    Fading Slide Show

    Displays images continuously in a slideshow presentation format, with a fade effect on image transitions. (Fade in Internet Explorer 4+ only).... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


    How to setup

    Step 1: Use JavaScript code below to setup the script
    JavaScript
    Code:
    <script>
/* 
	Original:  CodeLifter.com ([email protected])
	Web Site:  http://www.codelifter.com 
*/

// set the following variables
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'logojs.gif'
Pic[1] = 'photo3.jpg'
Pic[2] = 'logojs.gif'
Pic[3] = 'photo5.jpg'
Pic[4] = 'photo2.jpg'

// do not edit anything below this line

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>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->
    Step 2: Place HTML below in your BODY section
    HTML
    Code:
    <body onLoad="runSlideShow()">
<img id="VU" src="logojs.gif" name='SlideShow'>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->





    Javascript Music Player - Random Text Generator - Floating Image Script
     
    Share
< PHP programmmers | Barber-Hosting.com Amazing Web Hosting! >

Users viewing this thread
1 guest


 
 
Adblock breaks this site