|
|
Line 7: |
Line 7: |
| | | |
| <head> | | <head> |
- | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:CityU_HK/Template/lightbox/css" media="screen" />
| |
- | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
| |
- | <script type="text/javascript" src="https://2014.igem.org/Team:CityU_HK/Template/lightbox/js"></script>
| |
- |
| |
| | | |
| <style> | | <style> |
Line 83: |
Line 79: |
| </div> <!--end of row--> | | </div> <!--end of row--> |
| </div> <!-- end of container--> | | </div> <!-- end of container--> |
- |
| |
- | <div id="gallery">
| |
- | <ul>
| |
- | <li><a href="http://www.codingfusion.com/PostPics/image/Jquery-Light-box-step-by-step-tutorial4.png" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
| |
- | <img src="http://www.codingfusion.com/PostPics/image/Jquery-Light-box-step-by-step-tutorial4.png" width="72" height="72" alt="" />
| |
- | </a></li>
| |
- | <li><a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
| |
- | <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
| |
- | </a></li>
| |
- | <li><a href="photos/image3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
| |
- | <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
| |
- | </a></li>
| |
- | <li><a href="photos/image4.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
| |
- | <img src="photos/thumb_image4.jpg" width="72" height="72" alt="" />
| |
- | </a></li>
| |
- | <li><a href="photos/image5.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
| |
- | <img src="photos/thumb_image5.jpg" width="72" height="72" alt="" />
| |
- | </a></li>
| |
- | </ul>
| |
- | </div>
| |
| | | |
| | | |
Line 120: |
Line 96: |
| </div> <!--end of col-md-5--> | | </div> <!--end of col-md-5--> |
| </div> <!-- end of #footer --> | | </div> <!-- end of #footer --> |
- |
| |
- | <script type="text/javascript">
| |
- | $(function () {
| |
- | $('#gallery a').lightBox();
| |
- | });
| |
- | </script>
| |
| | | |
| | | |
| </body> | | </body> |
| </html> | | </html> |