Scribd
Upload
23 views2 pages

Experiment No 16

Uploaded by

Shubham waghule
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views2 pages

Experiment No 16

Uploaded by

Shubham waghule
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

EXPERIMENT NO.

16
Design a web page for your college to display Photos for any event in Slideshow.
CODE:
<!--
Aniket Gholap
30
EXP 16
-->
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
<title> Slideshow </title>
</head>
<body>
<h1> Slideshow Event </h1>
<hr>
<div class = “img”>
<img src = “sinhagadkarandak.jpg” alt = “ ” name = “slide” width = “350”>
</div>
<hr>
<div>
<input type = “button” value = “Previous” id = “previous” onclick
= “disp(-1)”>
<input type = “button” value = “Next” id = “next” onclick =
“disp(1)”>
</div>

<script>
images_arr = new Array(“sinhagadkarandak.jpg”,
“bloddonation.jpg”, “collegetour.jpg”, “baskaetball.jpg”);
img = 0;

function disp(n) {
img = img + n;

if (img > images_arr.length – 1) {


img = 0;
}
if (img < 0) {
img = images_arr.length – 1;
}
document.slide.src = images_arr[img];
}
</script>
</body>
</html>
--------------------------------------------------------------------------------------------------------
OUTPUT:

--------------------------------------------------------------------------------------------------------

You might also like