Team:Columbia-Cooper-NYC/trial
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <body> | + | <body> |
- | <script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script> | + | <script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script> |
- | <style type="text/css"> | + | <style type="text/css"> |
@charset "utf-8"; | @charset "utf-8"; | ||
/* CSS Document */ | /* CSS Document */ | ||
Line 185: | Line 185: | ||
</style> | </style> | ||
- | </p><p><style> | + | </p><p> |
+ | <style> | ||
} | } | ||
#hokkaidou-container{ | #hokkaidou-container{ | ||
Line 193: | Line 194: | ||
} | } | ||
</style> | </style> | ||
- | + | </p> | |
- | </p><p><style> | + | <p> |
- | #hokkaidou-content{zoom: 1;} | + | <style> |
- | #hokkaidou-content:after { content: ""; } | + | #hokkaidou-content |
- | #hokkaidou-content #hokkaidou-right-content{ | + | { |
- | + | zoom: 1; | |
- | + | } | |
- | } | + | #hokkaidou-content:after |
- | </style> | + | { |
- | + | content: ""; | |
- | <script type="text/javascript"> | + | } |
- | jQuery.cookie=function(d,f,b){function e(j,i){if(j){if(i){return true}}return false}if(e(arguments.length>1,String(f)!=="[object Object]")){b=jQuery.extend({},b);if(f===null||f===undefined){b.expires=-1}if(typeof b.expires==="number"){var h=b.expires,c=b.expires=new Date();c.setDate(c.getDate()+h)}f=String(f);return(document.cookie=[encodeURIComponent(d),"=",b.raw?f:encodeURIComponent(f),b.expires?"; expires="+b.expires.toUTCString():"",b.path?"; path="+b.path:"",b.domain?"; domain="+b.domain:"",b.secure?"; secure":""].join(""))}b=f||{};var a,g=b.raw?function(i){return i}:decodeURIComponent;return(a=new RegExp("(?:^|; )"+encodeURIComponent(d)+"=([^;]*)").exec(document.cookie))?g(a[1]):null}; | + | #hokkaidou-content #hokkaidou-right-content |
- | </script> | + | { |
- | <script type="text/javascript"> | + | float: right; |
- | $('.right-menu, .left-menu').fadeTo(0, 0); | + | width: 680px; |
- | $('.right-menu, .left-menu').bind('mouseover', function(){ | + | } |
- | $(this).fadeTo('slow', 1) | + | </style> |
- | + | <script type="text/javascript"> | |
- | + | jQuery.cookie = function (d, f, b) { function e(j, i) { if (j) { if (i) { return true } } return false } if (e(arguments.length > 1, String(f) !== "[object Object]")) { b = jQuery.extend({}, b); if (f === null || f === undefined) { b.expires = -1 } if (typeof b.expires === "number") { var h = b.expires, c = b.expires = new Date(); c.setDate(c.getDate() + h) } f = String(f); return (document.cookie = [encodeURIComponent(d), "=", b.raw ? f : encodeURIComponent(f), b.expires ? "; expires=" + b.expires.toUTCString() : "", b.path ? "; path=" + b.path : "", b.domain ? "; domain=" + b.domain : "", b.secure ? "; secure" : ""].join("")) } b = f || {}; var a, g = b.raw ? function (i) { return i } : decodeURIComponent; return (a = new RegExp("(?:^|; )" + encodeURIComponent(d) + "=([^;]*)").exec(document.cookie)) ? g(a[1]) : null }; | |
- | + | </script> | |
- | + | <script type="text/javascript"> | |
- | + | $('.right-menu, .left-menu').fadeTo(0, 0); | |
- | + | $('.right-menu, .left-menu').bind('mouseover', function () { | |
- | + | $(this).fadeTo('slow', 1); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
}); | }); | ||
- | } | + | </script> |
- | + | <script> | |
- | }); | + | $(function () { |
- | </script> | + | $('img').each(function () { |
- | + | var thumb = $(this).attr('src'); | |
- | </p> | + | var reg = new RegExp('^(\/wiki\/images)\/thumb'); |
- | <div id="hokkaidou-container"> | + | if (thumb.match(reg)) { |
- | + | var image = thumb.replace(reg, '$1'); | |
- | </script> | + | image = image.replace(/[^\/]+?$/, '').replace(/\/$/, ''); |
- | <p> | + | var $tag = $('<img>').attr('src', image); |
- | <script type="text/javascript"> | + | $(this).closest('a').bind('click', function () { |
- | $(document).ready(function(){ | + | $('<div>').append($tag).lightbox_me(); |
- | + | return false; | |
- | + | }); | |
- | + | } | |
- | + | }); | |
- | + | }); | |
- | + | </script> | |
- | + | </p> | |
- | + | <div id="hokkaidou-container"> | |
- | + | <div id="hokkaidou-content"> | |
- | + | </script> | |
- | + | <p> | |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function () { | |
- | + | var buttons = { | |
- | + | previous: $('#lofslidercontent45 .lof-previous'), | |
- | + | next: $('#lofslidercontent45 .lof-next') | |
- | + | }; | |
- | + | $obj = $('#lofslidecontent45').lofJSidernews({ | |
- | }); | + | interval: 5000, |
- | </script> | + | direction: 'opacitys', |
- | + | easing: 'easeInOutExpo', | |
- | + | duration: 1200, | |
- | + | auto: true, | |
- | + | maxItemDisplay: 7, | |
- | <div id="hokkaidou-right-content"> | + | startItem: 0, |
- | + | navPosition: 'horizontal', // horizontal | |
- | + | navigatorHeight: 32, | |
- | + | navigatorWidth: 80, | |
- | + | mainWidth: 780, | |
- | + | buttons: buttons | |
- | + | }); | |
- | + | }); | |
- | + | </script> | |
+ | <div id="hokkaidou-right-content"> | ||
+ | <div id="lofslidecontent45" class="lof-slidecontent"> | ||
+ | <div style="display: none;" class="preload"> | ||
+ | <div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="lof-main-outer" style="width: 900px; height: 340px;"> | ||
+ | <ul style="left: -4200px; width: 6300px;" class="lof-main-wapper"> | ||
+ | <li> | ||
+ | <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg"> | ||
+ | <div class="lof-main-item-desc"> | ||
+ | <h2> | ||
+ | Columbia & Cooper 2012 Team</h2> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="http://farm9.staticflickr.com/8038/8049568856_b4d1d26031_b.jpg"> | ||
+ | <div class="lof-main-item-desc"> | ||
+ | <h2> | ||
+ | Columbia University</h2> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="http://farm9.staticflickr.com/8312/8049592851_58d8d91127_b.jpg"> | ||
+ | <div class="lof-main-item-desc"> | ||
+ | <h2> | ||
+ | The Cooper Union for the Advancement of Science and Art</h2> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="http://farm9.staticflickr.com/8173/8049607828_34eedef20f_b.jpg"> | ||
+ | <div class="lof-main-item-desc"> | ||
+ | <h2> | ||
+ | Genetics</h2> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="http://farm9.staticflickr.com/8039/8049606505_8dedbcd5c7_b.jpg"> | ||
+ | <div class="lof-main-item-desc"> | ||
+ | <h2> | ||
+ | Copper Etching</h2> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="http://farm9.staticflickr.com/8176/8049610201_05aecf6db9_b.jpg"> | ||
+ | <div class="lof-main-item-desc"> | ||
+ | <h2> | ||
+ | The Effects of A. ferrooxidans</h2> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="http://farm9.staticflickr.com/8316/8049640302_5ae1a9a049_b.jpg"> | ||
+ | <div class="lof-main-item-desc"> | ||
+ | <h2> | ||
+ | Maker Faire (Copyright © Andrew Cribb)</h2> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="lof-navigator-wapper"> | ||
+ | <div style="width: 320px; height: 32px;" class="lof-navigator-outer"> | ||
+ | <ul style="width: 54px; left: -160px;" class="lof-navigator"> | ||
+ | <li class="" style="height: 32px; width: 80px;"> | ||
+ | <img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg"> | ||
+ | </li> | ||
+ | <li class="" style="height: 32px; width: 80px;"> | ||
+ | <img src="http://farm9.staticflickr.com/8030/8049658065_76d444054c_t.jpg"> | ||
+ | </li> | ||
+ | <li class="" style="height: 32px; width: 80px;"> | ||
+ | <img src="http://farm9.staticflickr.com/8313/8049658081_5522c4a121_t.jpg"> | ||
+ | </li> | ||
+ | <li class="" style="height: 32px; width: 80px;"> | ||
+ | <img src="http://farm9.staticflickr.com/8041/8049663090_89a1de0f3c_t.jpg"> | ||
+ | </li> | ||
+ | <li class="" style="height: 32px; width: 80px;"> | ||
+ | <img src="http://farm9.staticflickr.com/8035/8049658117_e74a561066_t.jpg"> | ||
+ | </li> | ||
+ | <li class="" style="height: 32px; width: 80px;"> | ||
+ | <img src="http://farm9.staticflickr.com/8034/8049663114_8d3b7152a9_t.jpg"> | ||
+ | </li> | ||
+ | <li class="" style="height: 32px; width: 80px;"> | ||
+ | <img src="http://farm9.staticflickr.com/8461/8049658157_20b02010b7_t.jpg"> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </div> | + | |
</body> | </body> | ||
- | |||
</html> | </html> |
Revision as of 13:20, 3 October 2012