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.
- Copy the code and paste in your notepad
- Give link or photo name(include format type like jpg etc) in SRC
- 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
- save with .html
- Open in any browser like chrome, puffin any browser you will a slider
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
Reviewed by TECH UPDATE
on
April 14, 2018
Rating:
No comments: