|
|
| Line 121: |
Line 121: |
| | <div class="description">Click on the thumbs or the large image</div> | | <div class="description">Click on the thumbs or the large image</div> |
| | <div id="im_wrapper" class="im_wrapper"> | | <div id="im_wrapper" class="im_wrapper"> |
| - | <div style="background-position:0px 0px;"><img src="https://2012.igem.org/File:Small1.png" alt="" /></div>
| |
| - | <div style="background-position:-125px 0px;"><img src="https://2012.igem.org/File:Small2.png" alt="" /></div>
| |
| - | <div style="background-position:-250px 0px;"><img src="https://2012.igem.org/File:Small3.png" alt="" /></div>
| |
| - | <div style="background-position:-375px 0px;"><img src="https://2012.igem.org/File:Small1.png" alt="" /></div>
| |
| - | <div style="background-position:-500px 0px;"><img src="https://2012.igem.org/File:Small2.png" alt="" /></div>
| |
| - | <div style="background-position:-625px 0px;"><img src="https://2012.igem.org/File:Small3.png" alt="" /></div>
| |
| | | | |
| - | <div style="background-position:0px -125px;"><img src="https://2012.igem.org/File:Small1.png" alt="" /></div>
| |
| - | <div style="background-position:-125px -125px;"><img src="https://2012.igem.org/File:Small2.png" alt="" /></div>
| |
| - | <div style="background-position:-250px -125px;"><img src="https://2012.igem.org/File:Small3.png" alt="" /></div>
| |
| - | <div style="background-position:-375px -125px;"><img src="https://2012.igem.org/File:Small1.png" alt="" /></div>
| |
| - | <div style="background-position:-500px -125px;"><img src="https://2012.igem.org/File:Small2.png" alt="" /></div>
| |
| - | <div style="background-position:-625px -125px;"><img src="https://2012.igem.org/File:Small3.png" alt="" /></div>
| |
| | | | |
| - | <div style="background-position:0px -250px;"><img src="https://2012.igem.org/File:Small1.png" alt="" /></div> | + | <div style="background-position:0px 0px;">[[File:Small1.jpg]]</div> |
| - | <div style="background-position:-125px -250px;"><img src="https://2012.igem.org/File:Small2.png" alt="" /></div> | + | <div style="background-position:-125px 0px;">[[File:Small1.jpg]]</div> |
| - | <div style="background-position:-250px -250px;"><img src="https://2012.igem.org/File:Small3.png" alt="" /></div>
| + | <div style="background-position:-250px 0px;">[[File:Small1.jpg]]</div> |
| - | <div style="background-position:-375px -250px;"><img src="https://2012.igem.org/File:Small1.png" alt="" /></div>
| + | <div style="background-position:-375px 0px;">[[File:Small1.jpg]]</div> |
| - | <div style="background-position:-500px -250px;"><img src="https://2012.igem.org/File:Small3.png" alt="" /></div> | + | |
| - | <div style="background-position:-625px -250px;"><img src="https://2012.igem.org/File:Small2.png" alt="" /></div>
| + | |
| - | | + | |
| - | <div style="background-position:0px -375px;"><img src="https://2012.igem.org/File:Small1.png" alt="" /></div>
| + | |
| - | <div style="background-position:-125px -375px;"><img src="https://2012.igem.org/File:Small2.png" alt="" /></div> | + | |
| - | <div style="background-position:-250px -375px;"><img src="https://2012.igem.org/File:Small3.png" alt="" /></div>
| + | |
| - | <div style="background-position:-375px -375px;"><img src="https://2012.igem.org/File:Small1.png" alt="" /></div>
| + | |
| - | <div style="background-position:-500px -375px;"><img src="https://2012.igem.org/File:Small3.png" alt="" /></div> | + | |
| - | <div style="background-position:-625px -375px;"><img src="https://2012.igem.org/File:Small2.png" alt="" /></div>
| + | |
| | | | |
| | </div> | | </div> |
| Line 226: |
Line 206: |
| | $thumb_imgs.each(function(){ | | $thumb_imgs.each(function(){ |
| | var $this = $(this); | | var $this = $(this); |
| - | $('<img/>').load(function(){ | + | $('[[]]').load(function(){ |
| | ++loaded; | | ++loaded; |
| | if(loaded == nmb_thumbs*2) | | if(loaded == nmb_thumbs*2) |
| | start(); | | start(); |
| - | }).attr('src',$this.attr('src')); | + | }).attr('[[]]',$this.attr('[[]]')); |
| - | $('<img/>').load(function(){ | + | $('[[]]').load(function(){ |
| | ++loaded; | | ++loaded; |
| | if(loaded == nmb_thumbs*2) | | if(loaded == nmb_thumbs*2) |
| | start(); | | start(); |
| - | }).attr('src',$this.attr('src').replace('/File:Small','/File:Big')); //change the imag src here important!!!!!!! | + | }).attr('[[]]',$this.attr('[[]]').replace('/File:Small','/File:Big')); //change the imag src here important!!!!!!! |
| | }); | | }); |
| | | | |
| | + | |
| | + | |
| | + | |
| | //starts the animation | | //starts the animation |
| | function start(){ | | function start(){ |
"
