Posts Tagged ‘Image Swap using Javascript’

Simple Image Swaping or Slide Show using Java Script

Tuesday, January 13, 2009 8:27 No Comments

Its very simple to create a slide show using JavaScript. < html > < head > < meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> < title> < /title> < script type="text/javascript"> function f1(){ if(document.getElementById(“d1″).style.display==’block’){ document.getElementById(“d1″).style.display=’none’; document.getElementById(“d2″).style.display=’block’; document.getElementById(“d3″).style.display=’none’; document.getElementById(“d4″).style.display=’none’; document.getElementById(“d5″).style.display=’none’; } else if(document.getElementById(“d2″).style.display==’block’){ document.getElementById(“d1″).style.display=’none’; document.getElementById(“d2″).style.display=’none’; document.getElementById(“d3″).style.display=’block’; document.getElementById(“d4″).style.display=’none’; document.getElementById(“d5″).style.display=’none’; } else if(document.getElementById(“d3″).style.display==’block’){ document.getElementById(“d1″).style.display=’none’; document.getElementById(“d2″).style.display=’none’; document.getElementById(“d3″).style.display=’none’; document.getElementById(“d4″).style.display=’block’; document.getElementById(“d5″).style.display=’none’; } else [...]

This was posted under category: Java Script, Programming Tags: , , ,