> How to create Banner with scrolling using Html in 1 minute || how to create slider within 1 minute - TECH UPDATE

How to create Banner with scrolling using Html in 1 minute || how to create slider within 1 minute

How to create Banner with scrolling using Html in 1 minute || how to create slider within 1 minute 


Hello guys, If you visit Flipkart , Amazon or any other sites you will see a banners with scrolling. How to create that banners to your blog or website. I provide the html code below just copy that code.

Just follow theses steps for creating banner.

  1. Copy the code and paste in your notepad 
  2. Give link or photo name(include format type like jpg etc) in SRC
  3. photos and html file should be in one folder in-case of blogger or website upload your photo and at that time you will get a link copy that link and paste in srcc
  4. save with .html 
  5. Open in any browser like chrome, puffin any browser you will a slider

slider with photos

code:-


<div class="w1" style="text-align:center">
 <div class="hi">
  <img class="w3-animate-left" src=" give image name include format type (.jpg etc) or link " />
 </div>
 <div class="hi">
  <img class="w3-animate-left" text-align="center" src="give image name include format type (.jpg etc) or link  " />
 </div>
 <div class="hi">
  <img class="w3-animate-left" text-align="center" src=" give image name include format type (.jpg etc) or link " />
 </div>
</div>
<br />
<script>
 var k = 0;
 vamsi();
 function vamsi() {
  var a = document.getElementsByClassName("hi");
  for (i = 0; i < 3; i++) {
   a[i].style.display = "none";
  }
  k++;
  if (k > 3) {k = 1} 
  a[k-1].style.display = "block";
  setTimeout(vamsi, 3000);
  }
</script>

Thank you 



How to create Banner with scrolling using Html in 1 minute || how to create slider within 1 minute How to create Banner with scrolling using Html in 1 minute || how to create slider within 1 minute Reviewed by TECH UPDATE on April 14, 2018 Rating: 5

No comments:

Powered by Blogger.