Lecture/jp

From 2011.igem.org

(Difference between revisions)
(Created page with "{{Kyoto_Background}} {{Kyoto_Foreground|active_page=consideration}} {{Kyoto_WikiDesign}}")
 
(2 intermediate revisions not shown)
Line 2: Line 2:
{{Kyoto_Foreground|active_page=consideration}}
{{Kyoto_Foreground|active_page=consideration}}
{{Kyoto_WikiDesign}}
{{Kyoto_WikiDesign}}
 +
 +
==Lecture Slides in Japanese==
 +
 +
        <div id="backpanel">
 +
        <div id="album">
 +
<!-- start album -->
 +
            <div id="album_base">
 +
                <div class="album_panel">[[File:kyoto_lec_1.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_2.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_3.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_4.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_5.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_6.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_7.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_8.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_9.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_10.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_11.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_12.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_13.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_14.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_15.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_16.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_17.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_18.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_19.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_20.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_21.png]]</div>
 +
                <div class="album_panel">[[File:kyoto_lec_22.png]]</div>
 +
            </div>
 +
        </div>
 +
<!-- end album -->
 +
        </div>
 +
<html>
 +
        <div id="control">
 +
            <input type="button" value="prev" onclick="prev()"></input>
 +
            <input type="button" value="next" onclick="next()"></input>
 +
        </div>
 +
 +
<style type="text/css">
 +
#backpanel {
 +
    width: 700px;
 +
    height: 525px;
 +
    margin: 0px auto;
 +
    padding: 10px;
 +
    background-color: #eeeeee;
 +
}
 +
 +
#album {
 +
    position: absolute;
 +
    width: 700px;
 +
    height: 525px;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    overflow: hidden;
 +
}
 +
 +
#album_base {
 +
    position: absolute;
 +
    width: 700px;
 +
    height: 525px;
 +
    background-color: #ffffff;
 +
}
 +
 +
.album_panel {
 +
    width: 700px;
 +
    height: 525px;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    float: left;
 +
}
 +
 +
#control {
 +
    margin: 0px auto;
 +
    width: 350px;
 +
    text-align: center;
 +
}
 +
</style>
 +
<script src="http://code.jquery.com/jquery-latest.js"></script>
 +
<script type="text/javascript">
 +
    var x_0 = 0;
 +
    var x_max = 0;
 +
 +
function init_album() {
 +
    var parent = $("#album_base");
 +
    var children = $("#album_base").children();
 +
    x_max = (children.length-1) * children.outerWidth();
 +
    parent.css("width",x_max+children.outerWidth());
 +
}
 +
 +
function prev() {
 +
    var base = $("#album_base");
 +
    if (base.position().left >= x_0) return;
 +
    var panel = base.children();
 +
    base.animate({
 +
        "left" : base.position().left+panel.outerWidth()
 +
    },500,function(){});
 +
}
 +
 +
function next() {
 +
    var base = $("#album_base");
 +
    if (base.position().left <= -x_max) return;
 +
    var panel = base.children();
 +
    base.animate({
 +
        "left" : base.position().left-panel.outerWidth()
 +
    },500,function(){});
 +
}
 +
init_album();
 +
</script>
 +
</html>

Latest revision as of 18:57, 5 October 2011

Lecture Slides in Japanese

Kyoto lec 1.png
Kyoto lec 2.png
Kyoto lec 3.png
Kyoto lec 4.png
Kyoto lec 5.png
Kyoto lec 6.png
Kyoto lec 7.png
Kyoto lec 8.png
Kyoto lec 9.png
Kyoto lec 10.png
Kyoto lec 11.png
Kyoto lec 12.png
Kyoto lec 13.png
Kyoto lec 14.png
Kyoto lec 15.png
Kyoto lec 16.png
Kyoto lec 17.png
Kyoto lec 18.png
Kyoto lec 19.png
Kyoto lec 20.png
Kyoto lec 21.png
Kyoto lec 22.png

Retrieved from "http://2011.igem.org/Lecture/jp"