"
Team:Warsaw/Team
From 2010.igem.org
(Difference between revisions)
| Line 68: | Line 68: | ||
| - | + | $(".foto").each(function(){ | |
| - | + | ||
| + | $(this).css('width', '120px'); | ||
| - | + | currleft = currleft + hmargin; | |
| - | + | if (currfoto%6 == 0) | |
| - | + | { | |
| - | + | currtop = currtop + vmargin; | |
| - | + | currleft = 0; | |
| - | + | } | |
| - | + | ||
| - | + | if (Math.ceil(Math.random()*2)%2) | |
| - | + | $(this).css('top' , currtop+Math.random()*vradius); | |
| - | + | else | |
| - | + | $(this).css('top' , currtop-Math.random()*vradius); | |
| - | + | ||
| - | + | if (Math.ceil(Math.random()*2)%2) | |
| - | + | $(this).css('left' , currleft-Math.random()*hradius); | |
| - | + | else | |
| - | + | $(this).css('left' , currleft-Math.random()*hradius); | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| + | if (currfoto == 6) | ||
| + | { | ||
| + | currfoto = currfoto + 3; | ||
| + | currleft = currleft + 3*hmargin; | ||
| + | } | ||
| + | |||
| + | if (currfoto==12) | ||
| + | { | ||
| + | currtop+=30; | ||
| + | } | ||
| - | + | currfoto=currfoto+1; | |
| - | }); | + | |
| + | }); | ||
| + | |||
$(".foto").mouseover(function(){ | $(".foto").mouseover(function(){ | ||
| - | + | $(this).css('width', '140px'); | |
| - | $(this).css('width' , '140px'); | + | $(this).css('z-index', 1); |
| - | + | ||
| - | }); | + | }); |
| - | |||
| - | + | $(".foto").mouseout(function(){ | |
| - | $(this).css('width' , '120px'); | + | |
| - | + | $(this).css('width', '120px'); | |
| + | if (!$(this).is('.foto-active'))$(this).css('z-index', 0); | ||
}); | }); | ||
| Line 125: | Line 128: | ||
| - | + | /*To cos podswietla fote przy kliknieciu i kasuje poswietlenie poprzedniej */ | |
| - | + | $(".foto-active").css('z-index', 0); | |
| - | + | $(".foto-active").removeClass("foto-active"); | |
| - | + | $(this).addClass("foto-active"); | |
| - | + | $(this).css('z-index', 2); | |
}); | }); | ||
| Line 143: | Line 146: | ||
var rot = Math.random()*30-15+'deg'; | var rot = Math.random()*30-15+'deg'; | ||
| - | + | /* Marta: jeżeli foty nachodzą na menu, to tylko nieznacznie */ | |
var left = (Math.random()*-60)+'px'; | var left = (Math.random()*-60)+'px'; | ||
| Line 155: | Line 158: | ||
| - | + | $(this).css('-webkit-transform' , 'rotate('+rot+')'); | |
| - | + | $(this).css('-moz-transform' , 'rotate('+rot+')'); | |
| - | + | }); | |
| + | |||
| + | |||
$(".foto").dblclick(function(){ | $(".foto").dblclick(function(){ | ||
$(this).css('-webkit-transform' , 'rotate(0)'); | $(this).css('-webkit-transform' , 'rotate(0)'); | ||
| Line 168: | Line 173: | ||
}); | }); | ||
</script> | </script> | ||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
.foto | .foto | ||
{ | { | ||
| - | + | padding: 2px 3px 6px 3px; | |
background: #eee; | background: #eee; | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
-moz-box-shadow: 0px 2px 15px #333; | -moz-box-shadow: 0px 2px 15px #333; | ||
| - | + | box-shadow: 0px 2px 15px #333; | |
| - | + | -webkit-box-shadow: 0px 2px 15px #333; | |
position: absolute; | position: absolute; | ||
| - | margin:25px 0 0 15px; | + | margin: 25px 0 0 15px; |
text-align: center; | text-align: center; | ||
| - | filter: progid:DXImageTransform.Microsoft.dropShadow(color=#CCCCCC, offX=7, offY=7, positive=true); | + | filter: progid: DXImageTransform.Microsoft.dropShadow(color=#CCCCCC, offX=7, offY=7, positive=true); |
| - | z-index: 0; | + | z-index: 0; |
} | } | ||
| Line 189: | Line 195: | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
-moz-box-shadow: 0px 2px 15px #666; | -moz-box-shadow: 0px 2px 15px #666; | ||
| - | + | box-shadow: 0px 2px 15px #666; | |
| - | + | -webkit-box-shadow: 0px 2px 15px #666; | |
| - | + | z-index: 2; | |
} | } | ||
| Line 197: | Line 203: | ||
#description | #description | ||
{ | { | ||
| - | + | padding: 4px 4px 4px 4px; | |
background: #fff3b3; | background: #fff3b3; | ||
border: 1px solid #fff; | border: 1px solid #fff; | ||
-moz-box-shadow: 0px 2px 15px #333; | -moz-box-shadow: 0px 2px 15px #333; | ||
| - | + | box-shadow: 0px 2px 15px #333; | |
| - | + | -webkit-box-shadow: 0px 2px 15px #333; | |
position: absolute; | position: absolute; | ||
| - | margin:25px 0 0 15px; | + | margin: 25px 0 0 15px; |
| - | + | display: inline-block; | |
| - | + | width: 400px; | |
/* Marta: teraz pole opisu powiększa się, gdy zajdzie potrzeba. Kasując min-height można sprawić, | /* Marta: teraz pole opisu powiększa się, gdy zajdzie potrzeba. Kasując min-height można sprawić, | ||
Revision as of 10:47, 11 July 2010
prof. Jacek Bielecki
Radosław Stachowiak
Kamil Koper
Kamila Ornoch
Michał Lower
Ania Olchowik
Kuba Piątkowski
Marcin Ziemniak
Jarek Pankowski
Anna Safray
Justyna Lesiak
Ania Puławska
Kasia Grześ
Dominik Cysewski
Marta Błaszkiewicz
Joanna Leszczyńska
Albert Bogdanowicz
Chery Moreno
Milena Bażlekowa
This is our team and friends
Click on the pictures to find out more about us!
You can drag and drop the photos.
This page looks best in Firefox.
Click on the pictures to find out more about us!
You can drag and drop the photos.
This page looks best in Firefox.
