simpleSlider

KO | EN

gitlite — search

#python #ai #typescript #machine-learning #macos #nodejs #java #windows #awesome #cli #awesome-list #security #ios #openai

(★ 10)

An easy and simple image slider based on jQuery

simpleSlider Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# simpleSlider - A jQuery-Plugin to create easy and simple image sliders
Version: 1.5.19

## Requirements
The simpleSlider needs minimum jQuery 1.4 to run without problems.

## Features

### Main-Features
* Create multiple instances of slider
* Many good effects
* Optional title to each image (as div or image-title-attribute)
* Complete CSS designable
* Public Methods to slide previous/next or restart

### Effects
* Slide (Horizontal/Vertical)
* Overlay Slide (Horizontal/Vertical)
* Fade & Slide (Horizontal/Vertical)
* Blind (Horizontal/Vertical)
* Split & Slide (Horizontal/Vertical)
* Split & Slide (4 Squares)
* Fade
* Rain
* RainGrow
* RainRandom
* RainWinding
* Slice Up/Down
* Swirl

## Usage
    <script type="text/javascript" src="javascripts/jquery.simpleSlider.js" />          # needed to use
    <script type="text/javascript" src="javascripts/jquery.simpleSlider.effects.js" />  # if you want more effects

...

<div id="slider">
        <ul>
            <li>
                <img src="images/example/image_01.jpg" alt="Image 01" />
                <div>
                    <h3 style="margin-top: 0;">Image 01</h3>
                    <p>Some more Text</p>
                    <a href="http://www.link.com/" target="_blank">you can put Links into the title</a>
                </div>
            </li>
            <li>
                <img src="images/example/image_02.jpg" alt="Image 02" />
                <div>
                    <h3 style="margin-top: 0;">Image 02</h3>
                    <p>Extra Text</p>
                    <a href="http://www.link.com/" target="_blank">you can put Links into the title</a>
                </div>
            </li>
        </ul>
    </div>

simpleSlider

simpleSlider Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

simpleSlider

simpleSlider Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README