Skip to main content

Healthcare Systems Article Category

Medical Factors Which make it The most effective  just by Sejal Kakadiya  Medicine and health agencies with now consentrate on top quality, charge together with great satisfaction health of their solutions. These are typically that support beams which a lot of these agencies redefine the direction they trade. The following really results in thrilled clients.  How come Serious Treatment Direction Can be a Trend Inside Medicine and health Sector  just by Steven Orange  A whole lot of North american healthcare systems' options are generally about that direction together with procedure with serious circumstances. Direction with serious health conditions which include diabetes, excessive circulation demand, cardiovascular disease, together with hypothyroidism can be a vital component of easiest treatment healthcare provider's succeed. Inside standard product, that general practitioner spots someone on an automobile accident with treatment, inspects that condition ...
Post a Comment

Image Slideshow with Navigation Buttons Using Javascript


A simple JavaScript code snippet from Bluefish...
A simple JavaScript code (Photo credit: Wikipedia)

I have already posted JavaScript codes for simple image slideshows without caption, with caption and Jquery fade effect animation. As some of our visitors asked how to add a next button to the slide, I have posted this JavaScript code for creating image slideshow with Navigation Buttons. It may help more for creating awesome image animations for your website or blog.

Code for Creating Image Slideshow with Navigation Buttons 


Just copy and paste the code below where you want to place slideshow and change the location of the images.

<script type="text/javascript"> 
var i = 0; 
var image = new Array();   
// LIST OF IMAGES 
image[0] = "image-1.png"; 
image[1] = "image-2.png"; 
image[2] = "image-3.png";   
var k = image.length-1;    
var caption = new Array(); 

// LIST OF CAPTIONS 
caption[0] = "Caption for the first image"; 
caption[1] = "Caption for the second image"; 
caption[2] = "Caption for the third image"; 

function next(){
var el = document.getElementById("mydiv"); 
el.innerHTML=caption[i]; 
var img= document.getElementById("slide"); 
img.src= image[i]; 
if(i < k ) { i++;}  
else  { i = 0; }
}

function prev(){
var el = document.getElementById("mydiv"); 
el.innerHTML=caption[i]; 
var img= document.getElementById("slide"); 
img.src= image[i]; 
if(i >0 ) { i--;}  
else  { i = k; }
}

function swapImage(){ 
var el = document.getElementById("mydiv"); 
el.innerHTML=caption[i]; 
var img= document.getElementById("slide"); 
img.src= image[i]; 
if(i < k ) { i++;}  
else  { i = 0; } 
setTimeout("swapImage()",5000); 
} 
function addLoadEvent(func) { 
var oldonload = window.onload; 
if (typeof window.onload != 'function') { 
window.onload = func; 
} else  { 
window.onload = function() { 
if (oldonload) { 
oldonload(); 
} 
func(); 
} 
} 
} 
addLoadEvent(function() { 
swapImage(); 
});  
</script> 
<table style="border:none;background-color:transparent;"> 
<tr> 
<td>
<img onclick="prev()" title="Previous" alt ="Prev" height="25" width="15"src="prev.jpg"/> 
</td>
<td> 
<img name="slide" id="slide" alt ="my images" height="285" width="485" src="image-1.png"/> 
</td> 
<td>
<img onclick="next()" title="Next" alt ="Next" height="25" width="15" src="next.jpg"/> 
</td>
</tr> 
<tr> 
<td>
</td>
<td align="center"style="font:small-caps bold 15px georgia; color:blue;"> 
<div id ="mydiv"></div>
</td> 
<td>
</td>
</tr>  
</table>


You Might also view the following Related Posts
Labels:

Comments

Post a Comment

Popular posts from this blog

Healthcare Systems Article Category

Medical Factors Which make it The most effective  just by Sejal Kakadiya  Medicine and health agencies with now consentrate on top quality, charge together with great satisfaction health of their solutions. These are typically that support beams which a lot of these agencies redefine the direction they trade. The following really results in thrilled clients.  How come Serious Treatment Direction Can be a Trend Inside Medicine and health Sector  just by Steven Orange  A whole lot of North american healthcare systems' options are generally about that direction together with procedure with serious circumstances. Direction with serious health conditions which include diabetes, excessive circulation demand, cardiovascular disease, together with hypothyroidism can be a vital component of easiest treatment healthcare provider's succeed. Inside standard product, that general practitioner spots someone on an automobile accident with treatment, inspects that condition ...
Post a Comment
Read more

How to Automatically Troubleshoot and Fix Computer Problems

If you have problems on your computer and you don't know how to solve the problem, there is a feature on window which can automatically troubleshoot and fix computer problems, so why don't use it, that may solve your problem. Using this feature, you can click on a task to automatically troubleshoot and fix common computer problems. Here I have listed some common computer problem and their troubleshooting ideas to fix the problem. How to Run Programs Made for Previous Versions of Windows If you have problems for running programs in your computer that are made for previous versions of windows, you can use program compatibility troubleshooter to apply recommended compatibility settings for that program to run the program smoothly. Here are the steps to fix the problem for running programs made for previous versions of windows. First of all go to control panel then click on "Troubleshooting" option. On troubleshooting window, you can see the different options for fixing c...
Post a Comment
Read more

Solved MCQ on Fundamental of C Language set-7

1) 'C' allows a three way transfer of control with the help of A. Unary Operator B. Relational Operator C. Ternary Operator D. Comparison Operator 2) Operators have hierarchy. It is used to know which operator .... A. is most important B. is used first C. is faster D. operators on large numbers 3) The statement that transfers control to the beginning of the loop is called .. A. break statement B. exit statement C. continue statement D. goto statement 4) C programming language was developed by .. A. Dennis Ritche B. Ken Thompson C. Bill Gates D. Peter Norton 5) The value that follows the keyword CASE may only be A. constants B. variable C. number D. semicolon 6) In a C language 'a' represents ... A. a digit B. an integer C. a character D. a word 7) The statement which is used to terminate the control from the loop is A. break B. continue C. goto D. exit 8) The continue command cannot be used with .... A. for B. switch C. do D. while 9) A self contained block of statement...
Post a Comment
Read more