The jFlow markup - Copy and paste the following markup within your body tags in the appropriate DOM node.

jflow-basic-markup.html

<div id="sliderContainer">

    <div id="mySlides">

        <div id="slide1" class="slide">    
    
            <img src="images/jflow-sample-slide1.jpg" alt="Slide 1 jFlow Plus" />
    
            <div class="slideContent">
                <h3>You Asked, jFlow Delivered</h3>
                <p>It's all about giving back to the development community.</p>
           
            </div>
    
        </div>      
    
        <div id="slide2" class="slide">
    
            <img src="images/jflow-sample-slide2.jpg" alt="Slide 2 jFlow Plus" />
    
            <div class="slideContent">
                <h3>W3C Valid</h3>
                <p>Are you a stickler for writing valid code?  So is jFlow.</p>
             </div>
    
        </div>   
    
        <div id="slide3" class="slide">
    
            <img src="images/jflow-sample-slide3.jpg" alt="Slide 3 jFlow Plus" />
    
            <div class="slideContent"><h3>Frequent Code Updates</h3>
            <p>This slider is actively developed and used by thousands of websites</p></div>
    
        </div>
        
        <div id="slide4" class="slide">
    
            <img src="images/jflow-sample-slide4.jpg" alt="Slide 3 jFlow Plus" />
    
            <div class="slideContent">
                <h3>Notice the Pagination?</h3>
                <p>Click on the paging buttons below to navigate.</p>
            </div>
    
        </div>

	</div>



<div id="myController">

   <span class="jFlowControl">1</span>

   <span class="jFlowControl">2</span>

   <span class="jFlowControl">3</span>
   
   <span class="jFlowControl">4</span>

</div>



<div class="jFlowPrev"></div>

<div class="jFlowNext"></div>

</div>
<!--end: sliderContainer -->