Speed up development with full-stack environments for every branch.

Learn More

Slide images across page using jQuery

3134 Runs 5895 Views 4797 Copies
Saved

Saved

sajibsrs 19

sajibsrs
published 4 years ago

    <html>
      <head>
        <!-- Load jQuery from Google's CDN -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <!-- Source our javascript file with the jQUERY code -->
        <script src="script.js"></script>
        <link rel="stylesheet" href="style.css" />
      </head>
      <body>
    		<div id="slideshow">
    			<div id="slideshowWindow">
    			
    				<div class="slide">
    					<!-- External image place holder.Learn more from [placehold.it] -->
    					<img src="http://placehold.it/500x257/e90101&text=Slide+1" />
    				</div><!--/slide-->
    				
    				<div class="slide">
    					<img src="http://placehold.it/500x257/e9be3e&text=Slide+2" />
    				</div><!--/slide-->
    				
    				<div class="slide">
    					<img src="http://placehold.it/500x257/4890b9&text=Slide+3" />
    				</div><!--/slide-->
    			</div><!--/slideshowWindow-->
    		</div><!--/slideshow-->
    	</body>
    </html> 
    Please login/signup to get access to the terminal.

    Your session has timed out.

    Dismiss (the page may not function properly).