|
|
| 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> |
"
