sse-theme-slider

SSE web theme slider repository.

Usage

$ bower install

To add a slider, add a <div class="sse-slider">:

  <div class="sse-slider" id="slider-demo">
    <ul>
      <li><div class="slide" data-src="images/sse-slide-demo-large-1.png"></div></li>
      <li><div class="slide" data-src="images/sse-slide-demo-large-2.png"></div></li>
      <li><div class="slide" data-src="images/sse-slide-demo-large-3.png"></div></li>
      <li><div class="slide" data-src="images/sse-slide-demo-large-4.png"></div></li>
    </ul>
  </div>

(img tags must be placed as a child node of .sse-slider > ul > li)

To add Text description:

<div class="sse-slider" id="slider-demo">
  <ul>
    <li>
      <div class="slide" data-src="images/sse-slide-demo-large-1.png">
        <div class="slide-content">
          <h2><a href="#">Title 1</a></h2>
          <p>Content 1</p>
        </div>
      </div>
    </li>
    <li>
      <div class="slide" data-src="images/sse-slide-demo-large-2.png">
        <div class="slide-content">
          <h2><a href="#">Title 2</a></h2>
          <p>Content 2</p>
        </div>
      </div>
    </li>
    <li>
      <div class="slide" data-src="images/sse-slide-demo-large-2.png">
        <div class="slide-content">
          <h2><a href="#">Title 3</a></h2>
          <p>Content 3</p>
        </div>
      </div>
    </li>
    </li>
    <li>
      <div class="slide" data-src="images/sse-slide-demo-large-4.png">
        <div class="slide-content">
          <h2><a href="#">Title 4</a></h2>
          <p>Content 4</p>
        </div>
      </div>
    </li>
  </ul>
</div>

Dependencies

• font-awesome 4.4.0
• jquery 1.9.1