https://sciencecollegebilaspur.ac.in/js/custom.js

1/*
2	Template Name: Cornike - Business HTML5 Template
3	Author: Tripples
4	Author URI: https://themeforest.net/user/tripples
5	Description: Cornike - Business HTML5 Template
6	Version: 1.0
7
8	1. Fixed header
9	2. Main slideshow
10	3. Site search
11	4. Owl Carousel
12	5. Video popup
13	6. Counter
14	7. Contact form
15	8. Back to top
16*/ 
17//----------------------------------------------------------//
18// 					Lab Image Slider						//
19//---------------------------------------------------------//
20  $("#owl-lab-slider").owlCarousel
21  ({
22	  	autoplay: true,
23		autoplayTimeout: 2000,
24		autoplayHoverPause: false,
25		loop: true,
26		nav: false,	
27		dots: false,
28		items : 5,
29		itemsDesktop : [1199,3],
30		itemsDesktopSmall : [979,3]
31  });
32//----------------------------------------------------------//
33// 					Photo gallery Slider					//
34//---------------------------------------------------------//
35function openModal() {
36  document.getElementById("myModal").style.display = "block";
37}
38
39function closeModal() {
40  document.getElementById("myModal").style.display = "none";
41}
42
43var slideIndex = 1;
44showSlides(slideIndex);
45
46function plusSlides(n) {
47  showSlides(slideIndex += n);
48}
49
50function currentSlide(n) {
51  showSlides(slideIndex = n);
52}
53
54function showSlides(n) {
55  var i;
56  var slides = document.getElementsByClassName("mySlides");
57  var dots = document.getElementsByClassName("demo");
58  var captionText = document.getElementById("caption");
59  if (n > slides.length) {slideIndex = 1}
60  if (n < 1) {slideIndex = slides.length}
61  for (i = 0; i < slides.length; i++) {
62      slides[i].style.display = "none";
63  }
64  for (i = 0; i < dots.length; i++) {
65      dots[i].className = dots[i].className.replace(" active", "");
66  }
67  slides[slideIndex-1].style.display = "block";
68}