|
|
Line 23: |
Line 23: |
| @import url("https://googledrive.com/host/0B0qHcBpAhFaCQnZtWkUxNnVTSlk"); | | @import url("https://googledrive.com/host/0B0qHcBpAhFaCQnZtWkUxNnVTSlk"); |
| </style> | | </style> |
- | <script src="carouselengine/jquery.js"></script>
| + | <!-- End of head section HTML codes --> |
- | <script src="carouselengine/amazingcarousel.js"></script>
| + | |
- | <link rel="stylesheet" type="text/css" href="carouselengine/initcarousel-1.css">
| + | |
- | <script src="carouselengine/initcarousel-1.js"></script>
| + | |
- | <!-- End of head section HTML codes -->
| + | |
| | | |
| </head> | | </head> |
Line 62: |
Line 58: |
| <div id = "pageContent"> | | <div id = "pageContent"> |
| | | |
- | <div id="amazingcarousel-container-1">
| |
- | <div id="amazingcarousel-1" style="display:block;position:relative;width:100%;max-width:720px;margin:0px auto 0px;">
| |
- | <div class="amazingcarousel-list-container">
| |
- | <ul class="amazingcarousel-list">
| |
- | <li class="amazingcarousel-item">
| |
- | <div class="amazingcarousel-item-container">
| |
- | <div class="amazingcarousel-image"><a href="https://static.igem.org/mediawiki/2013/d/dd/Slider1_massive_industry-01.png" title="blue bubbles" class="html5lightbox" data-group="amazingcarousel-1"><img src="https://static.igem.org/mediawiki/2013/d/dd/Slider1_massive_industry-01.png" alt="blue bubbles" /></a></div>
| |
- | <div class="amazingcarousel-title">blue bubbles</div> </div>
| |
- | </li>
| |
- | <li class="amazingcarousel-item">
| |
- | <div class="amazingcarousel-item-container">
| |
- | <div class="amazingcarousel-image"><a href="https://static.igem.org/mediawiki/2013/9/9f/Slider2_indigoIsSynthesized.png" title="car" class="html5lightbox" data-group="amazingcarousel-1"><img src="https://static.igem.org/mediawiki/2013/9/9f/Slider2_indigoIsSynthesized.png" alt="car" /></a></div>
| |
- | <div class="amazingcarousel-title">car</div> </div>
| |
- | </li>
| |
- | <li class="amazingcarousel-item">
| |
- | <div class="amazingcarousel-item-container">
| |
- | <div class="amazingcarousel-image"><a href="https://static.igem.org/mediawiki/2013/f/f2/Slider3_and_reduced.png" class="html5lightbox" data-group="amazingcarousel-1"><img src="https://static.igem.org/mediawiki/2013/f/f2/Slider3_and_reduced.png" /></a></div>
| |
- | <div class="amazingcarousel-title"></div> </div>
| |
- | </li>
| |
- | </ul>
| |
- | <div class="amazingcarousel-prev"></div>
| |
- | <div class="amazingcarousel-next"></div>
| |
- | </div>
| |
- | <div class="amazingcarousel-nav"></div>
| |
- | <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Carousel</a></div>
| |
- | </div>
| |
- | </div>
| |
| | | |
| | | |