« »

Why using fat Gif-Animations if you can surprise your visitors with smart DHTML-driven image-effects? This JavaScripts lets you steer and move your images by keyboard.

Label: Slideshow by keyboard

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script language="Javascript" type="text/javascript">
	<!-- Hide script from old browsers

	myPix = new Array("pic191.jpg","logojs.gif","photo1.jpg","photo2.jpg","photo3.jpg","photo4.jpg","photo5.jpg","photo6.jpg","photo7.jpg")
	thisPic = 0
	imgCt = myPix.length - 1
	
	document.onkeydown = keyHit

	if (document.layers) {
		document.captureEvents(Event.KEYDOWN)
		ltArrow = 28
		rtArrow = 29
	}
	else {
		ltArrow = 37
		rtArrow = 39
	}
	
	function keyHit(evt) {
		if (evt) {
			thisKey = evt.which
		}
		else {
			thisKey = window.event.keyCode
		}
		if (thisKey == ltArrow) {
			chgSlide(-1)
		}
		else if (thisKey == rtArrow) {
			chgSlide(1)
		}
	}

	function chgSlide(direction) {
		if (document.images) {
			thisPic = thisPic + direction
			if (thisPic > imgCt) {
				thisPic = 0
			}
			if (thisPic < 0) {
				thisPic = imgCt
			}
			document.myPicture.src=myPix[thisPic]
		}
	}

	// End hiding script from old browsers -->
	</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<b>Use the right and left arrows on your keyboard to view the slideshow</b><br>

<img src="pic191.jpg" name="myPicture" alt="Slideshow">
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->