Difference between revisions of "Team:Lubbock TTU/Test"

Line 1: Line 1:
{{Lubbock_TTU}}
 
 
 
<html>
 
<html>
<head>
 
 
<!-- bxSlider Javascript file -->
 
<script src="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.min.js"></script>
 
<!-- bxSlider CSS file -->
 
<link href="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.css" rel="stylesheet" />
 
 
<!-- Styles -->
 
<link href="https://2014.igem.org/Team:ATOMS-Turkiye/asoStyles.css?action=raw&ctype=text/css&v=22" rel="stylesheet" />
 
<style>
 
 
 
 
</style>
 
 
<script>
 
$(document).ready(function(){
 
 
var captions = new Array();
 
/*captions["This is a test caption. For more info click this caption."] = "http://link_to_caption1";
 
captions["This is a test caption. For more info click this caption."] = "http://link_to_caption2";
 
captions["This is a test caption. For more info click this caption."] = "http://link_to_caption3";
 
captions["This is a test caption. For more info click this caption."] = "http://link_to_caption4";
 
captions["This is a test caption. For more info click this caption."] = "http://link_to_caption5";*/
 
 
var keys = [];
 
for (var key in captions) {
 
  if (captions.hasOwnProperty(key)) {
 
    keys.push(key);
 
  }
 
}
 
 
$('.bxslider img').each(function( index ) {
 
  $(this).attr("title",keys[index]);
 
});
 
  $('.bxslider').bxSlider({
 
    adaptiveHeight: true,
 
    slideWidth: 700,
 
    captions: true,
 
    auto: true,
 
    autoControls: true
 
  });
 
 
 
 
 
 
});
 
</script>
 
 
</head>
 
 
 
<body>
 
<body>
 
 
<div class="slider-container" style="width: 700px; margin-right: 30%">
 
<div class="slider-container" style="width: 700px; margin-right: 30%">
 
<center>
 
<center>
Line 74: Line 20:
  
 
</body>
 
</body>
 
 
</html>
 
</html>

Revision as of 19:40, 7 July 2016