Daily practice jquery

Daily practice 1

by Programina

HTML

<div class="container">
	    <h1>
		Programina's Basic Slideshow
	   </h1>
	</div>

<!--slideshow-->

 <div class="slideshow-container">
  <div class="mySlides fade">
    <div class="numbertext">1 / 3</div>
    <img src="img/img1.jpg" style="width:70%" id="panel1">
    <div>Caption One</div>
  </div>

</div>
<br>

<div class="container">
<div>
  <span class="dot" onclick="currentSlide(1)"></span>
  <span class="dot" onclick="currentSlide(2)"></span>
  <span class="dot" onclick="currentSlide(3)"></span>
</div>

<div>
	What you can produce with HTML and CSS
</div>
</div>

JavaScript

$(document).ready (function(){

$("#panel1").hide(300).show(1000).hide(300).show(1000).hide(300).show(1000);

});