Team:Warsaw/Team

From 2010.igem.org

(Difference between revisions)
Line 23: Line 23:
$(document).ready(function(){
$(document).ready(function(){
-
    var zindexnr = 1;
 
-
 
-
  /*  przechowuje z-index obecnego zdjęcia - żeby było na wierzchu na mouseover,                *
 
-
    *  potem wracało na swoja pozycje przy mouseout lub pozostawalo na wierzchu po przeniesieniu  *
 
-
    *  (mouseout nastepujacy po mouseup)                                                          */
 
-
   
 
-
    var curzindex = 0;
 
$(".foto").draggable({
$(".foto").draggable({
start: function(event, ui) {
start: function(event, ui) {
-
zindexnr++;
 
-
var cssObj = { 'z-index' : zindexnr };
 
$(this).css(cssObj);
$(this).css(cssObj);
                
                
Line 64: Line 55:
         $(".foto").mouseover(function(){
         $(".foto").mouseover(function(){
              
              
-
            curzindex = $(this).css('z-index');
+
         
-
 
+
-
            zindexnr++;
+
-
            $(this).css('z-index' , zindexnr);
+
             $(this).css('width' , '140px');
             $(this).css('width' , '140px');
    
    
Line 74: Line 62:
         $(".foto").mouseout(function(){
         $(".foto").mouseout(function(){
-
            $(this).css('z-index' , curzindex);
+
         
             $(this).css('width' , '120px');
             $(this).css('width' , '120px');
     
     
Line 114: Line 102:
          
          
-
$(this).mouseup(function(){
+
 
-
zindexnr++;
+
-
$(this).css('z-index' , zindexnr);
+
-
                curzindex = zindexnr;
+
-
    });
+
    });
    });
$(".foto").dblclick(function(){
$(".foto").dblclick(function(){
Line 140: Line 124:
         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;
}
}
Line 150: Line 134:
     box-shadow: 0px 2px 15px #666;
     box-shadow: 0px 2px 15px #666;
     -webkit-box-shadow: 0px 2px 15px #666;
     -webkit-box-shadow: 0px 2px 15px #666;
-
 
+
z-index:1;
}
}
Line 162: Line 146:
     box-shadow: 0px 2px 15px #333;
     box-shadow: 0px 2px 15px #333;
     -webkit-box-shadow: 0px 2px 15px #333;
     -webkit-box-shadow: 0px 2px 15px #333;
-
position: relative;
+
position: absolute;
 +
        top:210px;
 +
        left:0px;
margin:25px 0 0 15px;
margin:25px 0 0 15px;
     display:inline-block;  
     display:inline-block;  
Line 180: Line 166:
</style>
</style>
-
<div class="photoframe">
+
<div class="photoframe" style="display:inline-block; height:1000px">
<div class="foto"  style="display:inline-block; width:auto" id="JacekB">
<div class="foto"  style="display:inline-block; width:auto" id="JacekB">

Revision as of 06:37, 11 July 2010


Example Tabs


prof. Jacek Bielecki

Radosław Stachowiak

Kamil Koper

Kamila Ornoch

Michał Lower

Ania Olchowik
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.





Jarek Pankowski

Kuba Piątkowski

Marcin Ziemniak

Anna Safray

Justyna Lesiak

Ania Puławska

Kasia Grześ

Dominik Cysewski

Marta Błaszkiewicz

Joanna Leszczyńska

Albert Bogdanowicz

Chery Moreno

Milena Bażlekowa