Item: Glide Carousel &amp; Semantic UI
Rating: 3.4
Author: yowainwright

153 Downloads
2,906 Views
Tweet
Download Now View Demo

HTML
JavaScript

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Glide Carousel & Semantic UI</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/css/semantic.min.css'>
<link rel='stylesheet prefetch' href='https://jeffry.in/old-jeffry-in/css/jeffry.in.css'>
<link rel='stylesheet prefetch' href='https://jeffry.in/old-jeffry-in/css/jeffry.in.slider.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Lobster|Raleway:300,500,700'>

  
  
</head>

<body>

  <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>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdn.jsdelivr.net/jquery.glide/1.0.6/jquery.glide.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>


/*Downloaded from https://www.codeseek.co/yowainwright/glide-carousel-andamp-semantic-ui-GoggrV */
$('.slider').glide({
  autoplay: false,
  arrowsWrapperClass: 'slider-arrows',
  arrowRightText: '',
  arrowLeftText: ''
});

Comments

More from yowainwright

Glide Carousel & Semantic UI

In this example below you will see how to do a Glide Carousel & Semantic UI with some HTML / CSS and Javascript

This pen is a quick demo of the Glide Carousel & Semantic UI (with version 0.12.0 css)

Technologies

Comments

More from yowainwright

Stickybits Demo with Shrinked Header

CSS `position: sticky` example

A Pen by Jeff Wainwright

Intl API exploration

You Might Also Like

Wave

Codevember Day 2 - Cake

Intrinsic sizing

First Three.js Experiment

RESA pattern

Pure CSS Physics Engine

Proj0

Isometric Layout

Glide Carousel & Semantic UI

In this example below you will see how to do a Glide Carousel & Semantic UI with some HTML / CSS and JavascriptThis pen is a quick demo of the Glide Carousel & Semantic UI (with version 0.12.0 css)

Technologies

Comments

More from yowainwright

Stickybits Demo with Shrinked Header

CSS `position: sticky` example

A Pen by Jeff Wainwright

Intl API exploration

You Might Also Like

Wave

Codevember Day 2 - Cake

Intrinsic sizing

First Three.js Experiment

RESA pattern

Pure CSS Physics Engine

Proj0

Isometric Layout

In this example below you will see how to do a Glide Carousel & Semantic UI with some HTML / CSS and Javascript

This pen is a quick demo of the Glide Carousel & Semantic UI (with version 0.12.0 css)