Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

155 lines (105 sloc) 4.645 kb
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>AddyOsmani.com - Roundrr Demo</title>
<!--First stylesheet configures Roundrr presentation, second is font-face-->
<link rel="stylesheet" type="text/css" href="css/style.css"></link>
<link rel="stylesheet" type="text/css" href="fonts/stylesheet.css"></link>
<!--Include jQuery and jQuery roundrr dependancies-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type='text/javascript' src='scripts/ui/jQuery.roundrr.js'></script>
<!-- Include Demo app code -->
<script type='text/javascript' src='scripts/ui/app.js'></script>
</head>
<body>
<div class="container">
<!-- Right-hand navigation -->
<div id="roundrr_navigation">
<a href="#" id="next"></a>
<a href="#" id="prev"></a>
<img class="keyboard" src="images/keyboard.png"></img>
<p>
You can also navigate using the left and right keys on your keyboard.
</p>
</div>
<!-- central image -->
<div class="roundrr_center">
</div>
<!-- Speech bubble for captions -->
<div class="roundrr_speech">
</div>
<!-- actual caption text -->
<div id="roundrr_caption">
</div>
<!-- the pick which is displayed over the current image -->
<div id="roundrr_pick">
</div>
<!-- the container of images -->
<div id='roundrr_container'>
<ul class='list'>
<li class='item'>
<div class='my_class'>
<img alt="Al Yankovic" src="http://a0.twimg.com/profile_images/246073324/IL2_bigger.jpg"></img>
</div>
</li>
<li class='item'>
<div class='my_class'>
<img alt="Taylor Swift" src="http://a0.twimg.com/profile_images/390558464/Photo_190_bigger.jpg"></img> </div> </li>
<li class='item'>
<div class='my_class'>
<img alt="Dandy Warhols" src="http://a1.twimg.com/profile_images/930308885/ban_bigger.jpg"></img>
</div>
</li>
<li class='item'>
<div class='my_class'>
<img alt="Lenny Kravitz" src="http://a0.twimg.com/profile_images/1117384560/image_bigger.jpg"></img>
</div>
</li>
<li class='item'>
<div class='my_class'>
<img alt="Katy Perry" src="http://a3.twimg.com/profile_images/1107052519/i_mblue_bigger.jpg"></img> </div> </li>
<li class='item'>
<div class='my_class'>
<img alt="Ke$ha"src="http://a3.twimg.com/profile_images/676841123/kesha-grammy-2010_bigger.jpg"></img>
</div>
</li>
<li class='item'>
<div class='my_class'>
<img alt="Eminem" src="http://a0.twimg.com/profile_images/859433636/recoveryapprovedcrop_bigger.jpg"></img> </div>
</li>
<li class='item'>
<div class='my_class'>
<img alt="Lady Gaga" src="http://a3.twimg.com/profile_images/941805227/braphoto_bigger.jpg"></img> </div> </li>
<li class='item'>
<div class='my_class'>
<img alt="Chris Cornell" src="http://a1.twimg.com/profile_images/107748009/chris-cornell-scream_bigger.jpg"></img> </div>
</li>
<li class='item'>
<div class='my_class'>
<img alt="Kanye West" src="http://a2.twimg.com/profile_images/1132696610/securedownload_bigger.jpeg"></img> </div> </li>
<li class='item'>
<div class='my_class'>
<img alt="Stereophonics" src="http://a1.twimg.com/profile_images/402742469/myspacepic_bigger.jpg"></img> </div> </li>
<li class='item'>
<div class='my_class'>
<img alt="Rob Thomas" src="http://a2.twimg.com/profile_images/1008825866/RT600_53_bigger.jpg"></img> </div> </li>
<li class='item'>
<div class='my_class'>
<img alt="Pink" src="http://a3.twimg.com/profile_images/549375583/Pinkdeborahanderson_112_bigger.jpg"></img> </div> </li>
<li class='item'>
<div class='my_class'> <img alt="Weezer" src="http://a0.twimg.com/profile_images/1106738472/Hurley250_bigger.jpg"></img> </div>
</li>
<li class='item'>
<div class='my_class'>
<img alt="Eric Prydzz" src="http://a0.twimg.com/profile_images/425527348/ejebild_bigger.jpg"></img>
</div>
</li>
<li class='item'>
<div class='my_class'> <img alt="The Streets" src="http://a3.twimg.com/profile_images/121412115/Mike_Skinner-Big_Issue-00051_bigger.jpg"></img>
</div> </li>
</ul>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.