Helpful JavaScript for Web development

Discussion in 'Web Programming' started by JavaScriptBank, Oct 21, 2009.

Sign in to Post
Thread Tools

Thread Tools

  • Thread ID:
Helpful JavaScript for Web development
  1. Unread #1 - Oct 21, 2009 at 11:04 AM
  2. JavaScriptBank
    Joined:
    Sep 25, 2009
    Posts:
    17
    Referrals:
    0
    Sythe Gold:
    0

    JavaScriptBank Newcomer
    Banned

    Helpful JavaScript for Web development
    Helpful JavaScript for Web development​

    Image slideshow transition

    This JavaScript creates slideshow effect with one of transitions.... detail


    How to setup

    Step 1: Place JavaScript below in your HEAD section
    JavaScript
    Code:
    <script LANGUAGE="JavaScript1.1">
<!-- Beginning of JavaScript -

messages = new Array()
//anh dung de tao hieu ung
messages[0] = "<img src=logojs.gif>"
messages[1] = "<img src=photo1.jpg>"
messages[2] = "<img src=photo2.jpg>"
messages[3] = "<img src=photo3.jpg>"
messages[4] = "<img src=photo4.jpg>"

var i_messages = 0
var timer

function dotransition() {
    if (document.all) {
        content.filters[0].apply()
        content.innerHTML = messages[i_messages]
        content.filters[0].play()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    } 
    
    if (document.layers) {
       document.nn.document.write("<table cellspacing=2 cellpadding=2 border=0><tr><td align=left>"+messages[i_messages]+"</td></tr></table>")
		document.close()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    } 
    timer = setTimeout("dotransition()",5000)   
}
// - End of JavaScript - -->
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->
    Step 2: Copy & Paste HTML code below in your BODY section
    HTML
    Code:
    <BODY onload="dotransition()">
<DIV id=content style="position: relative; width:160px; height:240px; text-align:center; filter: revealTrans(Transition=12, Duration=3)"></DIV>
</BODY>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->





    JavaScript Countdown Timer - JavaScript Currency Format - JavaScript Format Phone Number
     
    Share
< Good and Nice JavaScripts | Are you a web designer or coder? This is for you! >

Users viewing this thread
1 guest


 
 
Adblock breaks this site