Skip to content

Instantly share code, notes, and snippets.

@napestershine
Created August 20, 2016 14:33
Show Gist options
  • Select an option

  • Save napestershine/943b2d8b6e670de2d20514847455552d to your computer and use it in GitHub Desktop.

Select an option

Save napestershine/943b2d8b6e670de2d20514847455552d to your computer and use it in GitHub Desktop.
Glide Carousel & Semantic UI
<div class="slider slider1">
<div class="slides">
<div class="slide-item item1">
</div>
<div class="slide-item item2">
</div>
<div class="slide-item item3">
</div>
<div class="slide-item item4">
</div>
</div>
</div>
$('.slider').glide({
autoplay: false,
arrowsWrapperClass: 'slider-arrows',
arrowRightText: '',
arrowLeftText: ''
});
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.glide/1.0.6/jquery.glide.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/css/semantic.min.css" rel="stylesheet" />
<link href="http://jeffry.in/old-jeffry-in/css/jeffry.in.css" rel="stylesheet" />
<link href="http://jeffry.in/old-jeffry-in/css/jeffry.in.slider.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Lobster|Raleway:300,500,700" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment