Team:Columbia-Cooper-NYC/Main

From 2012.igem.org

(Difference between revisions)
Line 363: Line 363:
<br style="clear:left" />
<br style="clear:left" />
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    <script type="text/javascript" src="http://2011.igem.org/wiki/images/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
 +
 +
    <link rel="Stylesheet" href="http://tsouris.net/igem/css/Igem_slider_styles.css" />
 +
 +
    <div id="hokkaidou-container">
 +
        <div id="hokkaidou-content">
 +
 +
                    <div id="lofslidecontent45" class="lof-slidecontent">
 +
                        <div style="display: none;" class="preload">
 +
                            <div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="lof-main-outer">
 +
                            <ul  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 class="lof-navigator-outer">
 +
 +
 +
                                <ul 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 id="hokkaidou-right-content">
 +
                </div>
 +
 +
        </div>
 +
    </div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
Line 518: Line 701:
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
 +
 +
 +
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
 +
 +
            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 };
 +
 +
 +
            $('.right-menu, .left-menu').fadeTo(0, 0);
 +
            $('.right-menu, .left-menu').bind('mouseover', function () {
 +
                $(this).fadeTo('slow', 1);
 +
            });
 +
 +
 +
            $(function () {
 +
                $('img').each(function () {
 +
                    var thumb = $(this).attr('src');
 +
                    var reg = new RegExp('^(\/wiki\/images)\/thumb');
 +
                    if (thumb.match(reg)) {
 +
                        var image = thumb.replace(reg, '$1');
 +
                        image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
 +
                        var $tag = $('<img>').attr('src', image);
 +
                        $(this).closest('a').bind('click', function () {
 +
                            $('<div>').append($tag).lightbox_me();
 +
                            return false;
 +
                        });
 +
                    }
 +
                });
 +
            });
 +
 +
 +
 +
 +
 +
 +
 +
            var buttons = {
 +
                previous: $('#lofslidercontent45 .lof-previous'),
 +
                next: $('#lofslidercontent45 .lof-next')
 +
            };
 +
            $obj = $('#lofslidecontent45').lofJSidernews({
 +
                interval: 5000,
 +
                direction: 'opacitys',
 +
                easing: 'easeInOutExpo',
 +
                duration: 1200,
 +
                auto: true,
 +
                maxItemDisplay: 7,
 +
                startItem: 0,
 +
                navPosition: 'horizontal', // horizontal
 +
                navigatorHeight: 32,
 +
                navigatorWidth: 80,
 +
                mainWidth: 780,
 +
                buttons: buttons
 +
            });
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
        });
 +
</script>

Revision as of 14:15, 3 October 2012