The patriot man
JF-Expert Member
- Aug 16, 2015
- 956
- 1,038
Hii mada kila mtu ataandika code yake hapa ili kuonyesha reaction yoyote kwenye app, au web development mimi naanza na jinsi ya kuweka slide show kwenye website, application kwa kutumia Javascript.
<!doctype html>
<html>
<head>
<title>slide show</title>
</head>
<body>
<div class="slider">
<img class="mySlides" src="images/gallery-1.jpg" style="width:100%">
<img class="mySlides" src="images/gallery-2.jpg"style="width:100%">
<img class="mySlides" src="images/gallery-3.jpg"style="width:100%">
</div>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x.style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 3000);
}
Hapa JS inafanyaje kazi mpaka picha zainanz aku ji slide
(1) JS ni backend programming na pia inaweza kufanya front end pia. Sasa hapa kuna kitu kinaitwa Document object Model(DOM). Hii kazi yake inaselect id kutoka kwenye code za html by className,byId, e.tc alafu ndo ina print out kwenye html ndo inafanya kazi front end. Na pia hapo nimetumia kitu kimoja kinaitwa Comparison logical operator =<
na function
</script>
</body>
</html>
Karibuni ma programmer ukiandika code zako hapa unaelezea kidogo zinafanyeje kazi ili kwa ambae hajui alewe.
Karibuni
<!doctype html>
<html>
<head>
<title>slide show</title>
</head>
<body>
<div class="slider">
<img class="mySlides" src="images/gallery-1.jpg" style="width:100%">
<img class="mySlides" src="images/gallery-2.jpg"style="width:100%">
<img class="mySlides" src="images/gallery-3.jpg"style="width:100%">
</div>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x.style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 3000);
}
Hapa JS inafanyaje kazi mpaka picha zainanz aku ji slide
(1) JS ni backend programming na pia inaweza kufanya front end pia. Sasa hapa kuna kitu kinaitwa Document object Model(DOM). Hii kazi yake inaselect id kutoka kwenye code za html by className,byId, e.tc alafu ndo ina print out kwenye html ndo inafanya kazi front end. Na pia hapo nimetumia kitu kimoja kinaitwa Comparison logical operator =<
na function
</script>
</body>
</html>
Karibuni ma programmer ukiandika code zako hapa unaelezea kidogo zinafanyeje kazi ili kwa ambae hajui alewe.
Karibuni
