 |
Submit Your Code | |
 |
SEO Monitor | |
 |
UpTime Monitor | |
 |
PHP Code Contest | |
 |
My Favorite Examples | |
|
My Favorite Articles | |
 |
Update Your Profile | |
|
|
| More Weber Sites | ||
| PHP Code Search | ||
| Web Development Forums | ||
| Learn MySQL Playing Trivia | ||
| PHPBB2 Templates | ||
| Web Development Index | ||
| PHP Web Logs (BLogs) | ||
| Web Development Resources | ||
| Web Development Content | ||
| Recommended Links | ||
| PHPClasses | ||
| PHP Editor | ||
| PHP Jobs | ||
| Vision.To Design | ||
| Ajax Tutorials | ||
| PHP Programming Help | ||
| PHP/MySQL Programming | ||
| Webmaster Resources | ||
| Webmaster Forum | ||
| XML meta language | ||
| website builder | ||
| Recommended | ||
| Forex Trading Online forex trading platform | ||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Code | |||||
Flipper(width,height,imageList) FlipperLong(width,height,speed,imageList) width,height: the image width, height (use -1 for non-fixed) imageList A string containing a list of space seperated images speed Number of milli seconds between flips (default 5000 - 5 seconds) Include flipper.txt in the HEAD section of you document. Add a function call inside your document: <script language="javascript"> Flipper(152,136,"dog2-small.gif condo-view-small.gif hiking1-small.gif hiking2-small.gif malanda-small.gif snowball-small.gif snowcamping-small.gif spider1-small.gif spider3-small.gif "); </script> <br> flipper.txt =========== <SCRIPT language="javascript"> <!-- Sheilds up // Image Flipper - Cameron Gregory - cameron@bloke.com // http://www.bloke.com/ // http://www.bloke.com/javascript/Flipper/ // http://www.bloke.com/javascript/Flipper/link.html function changeImage(r,i) { r.src=i; } function goFlipURL() { document.location = urlSet[currentFlip]; } function flipFlipper(imageSet,speed) { currentFlip ++; if (currentFlip == imageSet.length) currentFlip=0; changeImage(document.flip,imageSet[currentFlip]); setTimeout("flipFlipper(imageSet,speed)", speed) } function FlipperLong(width,height,s,images) { /* si: start index ** i: current index ** ei: end index ** cc: current count */ speed = s; si = 0; ci=0; cc=0; imageSet = new Array(); ei = images.length; for (i=1;i<ei;i++) { if (images.charAt(i) == ' ') { imageSet[cc] = images.substring(si,i); cc++; si=i+1; } } currentFlip = 0; document.write("<img name='flip'"); if (width >0) document.write("width="+width); if (height >0) document.write(" height=" +height); document.writeln(" src=" +imageSet[0]+ ">"); setTimeout("flipFlipper(imageSet,speed)", speed) } function Flipper(width,height,images) { speed=5000; FlipperLong(width,height,speed,images); } function FlipperLinkLong(width,height,s,images,urls) { /* si: start index ** i: current index ** ei: end index ** cc: current count */ speed = s; imageSet = new Array(); urlSet = new Array(); si = 0; ci=0; cc=0; ei = images.length; for (i=1;i<ei;i++) { if (images.charAt(i) == ' ') { imageSet[cc]= images.substring(si,i); cc++; si=i+1; } } si = 0; ci=0; ccu=0; ei = urls.length; for (i=1;i<ei;i++) { if (urls.charAt(i) == ' ') { urlSet[ccu]= urls.substring(si,i); ccu++; si=i+1; } } currentFlip = 0; document.write("<a href=\"javascript:goFlipURL()\"><img name='flip'"); document.write("<img name='flip'"); if (width >0) document.write("width="+width); if (height >0) document.write(" height=" +height); document.writeln(" src=" +imageSet[0]+ "></a>"); setTimeout("flipFlipper(imageSet,speed)", speed) } function FlipperLink(width,height,images,urls) { speed=5000; FlipperLinkLong(width,height,speed,images,urls); } // sheilds down --> </SCRIPT> | |||||
| Related Code Examples | |||||
