Webmaster Forum  


Go Back   Webmaster Forum > Coding > JavaScript
FAQ Members List Calendar Search Today's Posts Mark Forums Read

JavaScript Get help with Javascript coding, DHTML, AJAX, and more.

Reply
 
Thread Tools Search this Thread
  #1  
Old 02-05-2010, 23:56 PM
JavaScriptBank.com JavaScriptBank.com is online now
Full member
 
Join Date: Mar 2009
Location: JavaScriptBank.com - Free JavaScript Source Code
Posts: 99
iTrader: ()
Rep Power: 0
JavaScriptBank.com is on a distinguished road
Default OnMouseover Slideshow

Script creates JavaScript menu with links based on rollover effect. While moving detail at JavaScriptBank. com - 2.000+ free JavaScript codes

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/image/onmouseover-slideshow.jpg[/IMG]
Demo: JavaScript OnMouseover Slideshow

How to setup

Step 1: Place JavaScript below in your HEAD section
JavaScript
Code:
<script>

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}


preloadimages("logojs.gif","photo1.jpg","photo2.jpg","photo3.jpg","photo4.jpg")
</script>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->
Step 2: Place HTML below in your BODY section
HTML
Code:
<a href="" onMouseover="changeimage(myimages[0],this.href)">JavaScriptBank. com</a><br>
<a href="" onMouseover="changeimage(myimages[1],this.href)">JavaScriptBank. com</a><br>
<a href="" onMouseover="changeimage(myimages[2],this.href)">JavaScriptBank. com</a><br>
<a href="" onMouseover="changeimage(myimages[3],this.href)">JavaScriptBank. com</a><br>
<a href="" onMouseover="changeimage(myimages[4],this.href)">JavaScriptBank. com</a><br>
<a href="javascript:warp()"><img src="logojs.gif" name="targetimage" border=0></a>
	<!--
    	This script downloaded from w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->





JavaScript Make link open in new tab/window - JavaScript World clock - circumference calculator
Reply With Quote
  #2  
Old 02-17-2010, 11:42 AM
andrewsmith andrewsmith is offline
Full member
 
Join Date: Sep 2009
Posts: 182
iTrader: ()
Rep Power: 0
andrewsmith is on a distinguished road
Default

I am very thankful to you. This kind of script certainly improves appearance of web page. I was in search of this kind of script. Till today I was using whitebox.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 10:13 AM.


Copyright © RJP Holdings. All Rights Reserved.

FatCow Reviews - SEO India