jcraane/gist:2767723

## gistfile1.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jcarousellite.js"></script>
    <script type="text/javascript">
        $(document).ready(function (){
            $(".carousel").jCarouselLite({
                btnNext: ".next",
                btnPrev: ".prev",
                visible: 3,
                scroll: 3
            });
        });
    </script>

    <style type="text/css">
        .carousel {
             float:left;
             left: -5000px;
             margin:15px;
             position:relative;
             visibility:hidden;
        }

        .pushBox {
            width: 300px;
            height: 300px;
        }
    </style>

</head>
<body>
<div class="carousel-box">
    <button class="prev"></button>
    <button class="next"></button>
    <div class="carousel">
        <ul>
            <li>
                <div class="pushBox grid_4">
                    <p>1. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                    <p>1. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                </div>
            </li>
            <li>
                <div class="pushBox grid_4">
                    <p>2. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                    <p>2. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                </div>
            </li>
            <li>
                <div class="pushBox grid_4">
                    <p>3. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                    <p>3. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                </div>
            </li>
            <li>
                <div class="pushBox grid_4">
                    <p>4. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                    <p>4. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                </div>
            </li>
            <li>
                <div class="pushBox grid_4">
                    <p>5. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                    <p>5. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
                </div>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jcarousellite.js"></script>
	<script type="text/javascript">
	$(document).ready(function (){
	$(".carousel").jCarouselLite({
	btnNext: ".next",
	btnPrev: ".prev",
	visible: 3,
	scroll: 3
	});
	});
	</script>

	<style type="text/css">
	.carousel {
	float:left;
	left: -5000px;
	margin:15px;
	position:relative;
	visibility:hidden;
	}

	.pushBox {
	width: 300px;
	height: 300px;
	}
	</style>

	</head>
	<body>
	<div class="carousel-box">
	<button class="prev"></button>
	<button class="next"></button>
	<div class="carousel">
	<ul>
	<li>
	<div class="pushBox grid_4">
	<p>1. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	<p>1. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	</div>
	</li>
	<li>
	<div class="pushBox grid_4">
	<p>2. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	<p>2. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	</div>
	</li>
	<li>
	<div class="pushBox grid_4">
	<p>3. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	<p>3. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	</div>
	</li>
	<li>
	<div class="pushBox grid_4">
	<p>4. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	<p>4. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	</div>
	</li>
	<li>
	<div class="pushBox grid_4">
	<p>5. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	<p>5. This is some sample content.This is some sample content.This is some sample content.This is some sample content.This is some sample content.</p>
	</div>
	</li>
	</ul>
	</div>
	</div>
	</body>
	</html>