Skip to content

joscelyn56/EasySlider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

Easyslider

Create a slideshow without writing any CSS or JS, just style your container and add the easy classes to begin

#Requires jquery

Silder Structure

<div class="easy-slider">
	<div class="easy-slider-body">
		<div class="easy-slide active">
			//slide design
		</div>
		...
		<div class="easy-slide">
			//slide design
		</div>
	</div>
</div>

Setup

include the CSS in the head tag and the JS files at the bottom part of the body tag

<head>
	...
	<link rel="stylesheet" href="css/easyslider.css">
</head>
<body>
	...
	<script src="js/easyslider.js"></script>
</body>

Options

Hide the slide dots by adding .easy-hide-dots class to the easy-slider container

<div class="easy-slider easy-hide-dots">
	<div class="easy-slider-body">
          ...
	</div>
</div>

The dots are clickable, so you can navigate through your slides using the dots

About

Create a text slide show with minimal coding

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published