Tiny File Manager

Back Back Up Advanced Editor

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>Infinite Slideshow with jQuery</title>

pre { 
		max-width: 605px;
		padding: 10px;
		margin: 0.6em auto 3em;
		border: 3px solid #f2f2f2;
		background: #fff;
		overflow: auto;
		line-height: 1.4em;
	}
	code {
		font-family: "Consolas", "Courier", "Courier New", monospace;
	}

/* slideshow styles */
	.slideshow {  
       width: 350px;  
       height: 200px;  
       margin: 3em auto;
       overflow: hidden;
       border: 3px solid #f2f2f2;
    }  
    .slideshow ul {  
       width: 400%;  
       height: 200px;
       padding:0; margin:0;
       list-style:none;
    }  
    .slideshow li { float: left; }

.ad {
		margin-top: 5em;
		padding: 10px;
		height: 125px;
		text-align: center;
	}
	.ad ins {
		margin: 0 2em;
	}	
	</style>
</head>
<body>
	<h1>Infinite Slideshow</h1>
	<h2>with jQuery</h2>
	<div class="slideshow">  
    	<ul>
    		<li><img src="diaporama/img/galerie/transistor.jpg" alt="jQuery" width="350" height="200" /></li>
    		<li><img src="img2.jpg" alt="Infinite Slideshow" width="350" height="200" /></li>
    		<li><img src="img3.jpg" alt="only 4 lines of code" width="350" height="200" /></li>
    		<li><img src="img4.jpg" alt="www.creativejuiz.fr" width="350" height="200" /></li>
    	</ul>  
	</div>

	<p><a href="http://www.creativejuiz.fr/blog/tutoriels/infinite-slideshow-quelques-lignes-jquery" hreflang="fr">Back to the tutorial</a></p>

<!-- 
	
	
	
</body>
</html>