touchSlider Basic Requirements

Make your website mobile friendly with MobilizeToday.com !

Inclusion

<!-- Required CSS styles for touchSlider plugin. See below -->
	
<!-- Latest version of jQuery -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
	
<!-- touchSlider Javascript file -->
<script src="js/jquery.touchSlider.js"></script>
	
<!-- Required JavaScript initialization code for touchSlider plugin. See below -->

HTML

<div class="gallery">
    <div class="holder">
        <div class="list">
            <div class="item">
                <!-- Here you have to put item of gallery ... -->
            </div>
            <div class="item">
                <!-- ... and next item of gallery ... -->
            </div>
        </div>
    </div>
</div>

CSS

.gallery .holder {
    width: 100%;
    overflow: hidden;
}
.gallery .list {
    width: 9999px;
    overflow: hidden;
}
.gallery .item {
    float: left;
}

JavaScript

$(document).ready(initGallery);
function initGallery() {
    $('.gallery').touchSlider();
}

More Examples

See also touchSlider examples

If you like this plugin and want it to be even better as well as to see new FREE mobile freebies from us, you are welcome to donate.