|
|
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(){ |