HTML and CSS Reference
In-Depth Information
changeSlide
(
currSlide
+
1
);
}
// define some variables / DOM references
var
activeSlideshow
=
true
,
currSlide
=
0
,
slideTimeout
,
$slideshow
=
$
(
'#slideshow'
),
$slideReel
=
$slideshow
.
find
(
'#slideshow-reel'
),
maxSlide
=
$slideReel
.
children
().
length
-
1
,
$slidePrevNav
=
$slideshow
.
find
(
'#slideshow-prev'
),
$slideNextNav
=
$slideshow
.
find
(
'#slideshow-next'
);
// set navigation click events
// left arrow
$slidePrevNav
.
click
(
function
(
ev
) {
ev
.
preventDefault
();
activeSlideshow
=
false
;
changeSlide
(
currSlide
-
1
);
});
// right arrow
$slideNextNav
.
click
(
function
(
ev
) {
ev
.
preventDefault
();
activeSlideshow
=
false
;
changeSlide
(
currSlide
+
1
);
});
// start the animation
slideTimeout
=
setTimeout
(
nextSlide
,
1200
);
});