Team:IIT Madras/testpage

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
+
<html>
-
<head>  
+
<script src="gallery/js/jquery.js" type="text/javascript"></script>  
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
<script src="gallery/js/swfobject.js" type="text/javascript"></script>  
-
+
<script src="gallery/js/flashgallery.js" type="text/javascript"></script>  
-
<script type="text/javascript" charset="utf-8" src="http://nouincolor.com/floom/1.1/Demos/mootools-1.2.2-core.js"></script>  
+
<script type="text/javascript">
-
<script type="text/javascript" charset="utf-8" src="http://nouincolor.com/floom/1.1/Demos/mootools-1.2.2.2-more.js"></script>
+
jQuery.flashgallery('gallery/ArtGallery.swf', 'gallery/gallery.xml', {width: '730px', height: '540px', background: 'transparent'});
-
<script type="text/javascript" charset="utf-8" src="http://nouincolor.com/floom/1.1/Source/floom.js"></script>  
+
</script>
-
+
-
<script type="text/javascript" charset="utf-8">  
+
-
window.addEvent('domready', function(e){
+
-
+
-
// option 1
+
-
var slides = [
+
-
{
+
-
image: 'https://2011.igem.org/wiki/skins/common/images/wiki.png',
+
-
caption: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit'
+
-
},
+
-
{
+
-
image: 'https://static.igem.org/mediawiki/2011/d/d7/200px-IIT_Madras_Logo.png',
+
-
caption: 'Excepteur sint occaecat cupidatat non proident'
+
-
},
+
-
];
+
-
+
-
// option 2
+
-
// var slides = $$('#blinds img');
+
-
+
-
$('blinds').floom(slides, {
+
-
slidesBase: 'slides/',
+
-
sliceFxIn: {
+
-
top: 20
+
-
}
+
-
});
+
-
+
-
});
+
-
</script>
+
-
+
-
<title>Floom 1.0</title>
+
-
+
-
</head>
+
-
+
-
<body>
+
-
+
-
<div id="blinds-cont">
+
-
<div id="blinds">
+
-
<!-- <img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo0.jpg" />
+
-
<img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo1.jpg" />
+
-
<img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo2.jpg" />
+
-
<img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo3.jpg" />
+
-
<img title="Lorem ipsum dolor sit amet, consectetur adipisicing elit" alt="" src="nature-photo4.jpg" /> -->
+
-
</div>
+
-
</div>
+
-
+
-
</body>  
+
</html>
</html>

Revision as of 18:20, 5 October 2011