Team:Baskent-Meds/test

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html>
 
-
<html>
 
-
<body>
 
-
<iframe src="http://www.google.com" width="1000" height="1000">
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-
  <p>Your browser does not support iframes.</p>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
</iframe>
+
<html lang="en">
 +
<head>
 +
    <title>Nivo Slider Demo</title>
 +
    <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" />
 +
    <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" />
 +
    <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" />
 +
</head>
 +
<body>
 +
 
 +
        <div class="slider-wrapper theme-default">
 +
            <div id="slider" class="nivoSlider">
 +
                <img src="http://www.bustack.com/wiki/nivo/demo/images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
 +
<img src="http://www.bustack.com/wiki/nivo/demo/images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
 +
<img src="http://www.bustack.com/wiki/nivo/demo/images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
 +
<img src="http://www.bustack.com/wiki/nivo/demo/images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
 +
<img src="http://www.bustack.com/wiki/nivo/demo/images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
 +
<img src="http://www.bustack.com/wiki/nivo/demo/images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
 +
<img src="http://www.bustack.com/wiki/nivo/demo/images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
 +
<img src="http://www.bustack.com/wiki/nivo/demo/images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
 +
               
 +
            </div>
 +
            <div id="htmlcaption" class="nivo-html-caption">
 +
                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script>
 +
    <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script>
 +
    <script type="text/javascript">
 +
    $(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>
</body>
</body>
</html>
</html>

Revision as of 23:37, 31 July 2012

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Nivo Slider Demo

This is an example of a HTML caption with a link.