Skip to content

Instantly share code, notes, and snippets.

@ammist

ammist/gist:0ec470e125b39d718b6b

Last active August 29, 2015 14:04
Show Gist options
  • Save ammist/0ec470e125b39d718b6b to your computer and use it in GitHub Desktop.
Save ammist/0ec470e125b39d718b6b to your computer and use it in GitHub Desktop.
Download ZIP
jQuery Carousel Basics
Raw
gistfile1.txt
<html>
<head>
<script type='text/javascript' src='jquery-1.11.1.min.js'></script>
<script type='text/javascript'>
$( document ).ready(function() {
console.log( "ready!" );
});
</script>
</head>
<body>
<h1>Hello world</h1>
<p class='first blue' id='muffin'>We are going to put a jQuery Carousel in here</p>.
<p class='blue' id='cupcake'>First we should add some images. Preferably they are the same size.</p>
<div class='jcarousel'>
<img src='http://lorempixel.com/800/200/food/1/'>
<img src='http://lorempixel.com/800/200/food/2/'>
<img src='http://lorempixel.com/800/200/food/3/'>
<img src='http://lorempixel.com/800/200/food/4/'>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment