<commit_before>![license](https://img.shields.io/badge/license-MIT-blue.svg)

DreamSlider, a jQuery treat
=============

Description
----------------
DreamSlider is a jQuery image slider plugin with great visual effects.

Main Features
----------------
+    Hover effects for thumbnails : Zoom-in(default),bounce,standout.
+    Single image/Gallery mode to create an image slideshow with thumbnails
+    Small file size,easy to implement.
+    No additional thumb images required.
+    Browser support: v47.0,Firefox v42.0,IE11+ & many more to come.

How to use dreamSlider?
--------------------

### The code ###
add the following css style sheet to the &lt;head&gt; of your document.
```html
<link type="text/css" rel="stylesheet" href="css/dreamSlider.css" />
```

### HTML Structure ###
Add the following js scripts references to the body tag after the images are loaded for optimum performance benefit.
```html
<div class="container">
    <div iclass="im_wrapper">
        <div ><img src="images/1.jpg" alt="" /></div>
        <div ><img src="images/2.jpg" alt="" /></div>
        <div ><img src="images/3.jpg" alt="" /></div>
        <div ><img src="images/4.jpg" alt="" /></div>
        <div ><img src="images/5.jpg" alt="" /></div>
        <div ><img src="images/6.jpg" alt="" /></div>
    </div>
</div>

<!-- The JavaScript libraries section-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/dream.slider.js"></script>
...
```

### Instantiating the awesomeness! ###
```html
 <script type="text/javascript">
    $(function(){
        $('#container').dreamSlider({
            rowCount:6 //[limit 5 or 6] no of thumbs in a row
            //,easeEffect: 'bounce'
            //,easeEffect: 'standOut'
        });
    });
</script>
```

### Found a Bug ? ###
If you think you might have found a bug or if you have a feature suggestion, please use github [issue tracker](https://github.com/dreamweiver/dreamSlider/issues/new). Also try to add a [jsfiddle](http://jsfiddle.net) or [codepen](http://codepen.io) or [plunker](http://http://plnkr.co) that demonstrates your problem.

If you need any help with implementing dreamSlider in your project or if have you any personal support requests, then please use [stackoverflow](https://stackoverflow.com/) to post a question & tag me to your question using my SO id @dreamweiver or you can even mail me directly to my personal maibox <EMAIL>, instead of raising a issue on dreamSlider github page.

If you like dreamSlider then star this repository or if you any feebacks about this project then do drop me a mail.
[@dreamweiver](mailto:<EMAIL>)

### Contributions ###
Base idea of DreamSlider was created by [<NAME>](http://tympanus.net/codrops/author/crnacura/).

#### MIT © [dreamweiver](http://stackoverflow.com/users/1677272/dreamweiver)
<commit_msg>updating readme with demo link<commit_after>![license](https://img.shields.io/badge/license-MIT-blue.svg)

DreamSlider, a jQuery treat
=============

Description
----------------
DreamSlider is a jQuery image slider plugin with great visual effects.

Demo
----------------
jQuery DreamSlider [Demo](https://dreamweiver.github.io/dreamSlider/)

Main Features
----------------
+    Hover effects for thumbnails : Zoom-in(default),bounce,standout.
+    Single image/Gallery mode to create an image slideshow with thumbnails
+    Small file size,easy to implement.
+    No additional thumb images required.
+    Browser support: v47.0,Firefox v42.0,IE11+ & many more to come.

How to use dreamSlider?
--------------------

### The code ###
add the following css style sheet to the &lt;head&gt; of your document.
```html
<link type="text/css" rel="stylesheet" href="css/dreamSlider.css" />
```

### HTML Structure ###
Add the following js scripts references to the body tag after the images are loaded for optimum performance benefit.
```html
<div class="container">
    <div class="im_wrapper">
        <div ><img src="images/1.jpg" alt="" /></div>
        <div ><img src="images/2.jpg" alt="" /></div>
        <div ><img src="images/3.jpg" alt="" /></div>
        <div ><img src="images/4.jpg" alt="" /></div>
        <div ><img src="images/5.jpg" alt="" /></div>
        <div ><img src="images/6.jpg" alt="" /></div>
    </div>
</div>

<!-- The JavaScript libraries section-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/dream.slider.js"></script>
...
```

### Instantiating the awesomeness! ###
```html
 <script type="text/javascript">
    $(function(){
        $('#container').dreamSlider({
            rowCount:6 //[limit 5 or 6] no of thumbs in a row
            //,easeEffect: 'bounce'
            //,easeEffect: 'standOut'
        });
    });
</script>
```

### Found a Bug ? ###
If you think you might have found a bug or if you have a feature suggestion, please use github [issue tracker](https://github.com/dreamweiver/dreamSlider/issues/new). Also try to add a [jsfiddle](http://jsfiddle.net) or [codepen](http://codepen.io) or [plunker](http://http://plnkr.co) that demonstrates your problem.

If you need any help with implementing dreamSlider in your project or if have you any personal support requests, then please use [stackoverflow](https://stackoverflow.com/) to post a question & tag me to your question using my SO id @dreamweiver or you can even mail me directly to my personal maibox <EMAIL>, instead of raising a issue on dreamSlider github page.

If you like dreamSlider then star this repository or if you any feedbacks about this project then do drop me a mail.
[@dreamweiver](mailto:<EMAIL>)

### Contributions ###
Base idea of DreamSlider was created by [<NAME>](http://tympanus.net/codrops/author/crnacura/).

#### MIT © [dreamweiver](http://stackoverflow.com/users/1677272/dreamweiver)

{'fraction_non_alphanumeric': 0.16902595214020896, 'fraction_numerical': 0.00910010111223458, 'mean_word_length': 3.4324122479462287, 'pattern_counts': {'":': 0, '<': 69, '<?xml version=': 0, '>': 69, 'https://': 9, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6969596', 'n_tokens_mistral': 1844, 'n_tokens_neox': 1768, 'n_words': 604}