Team:SYSU-Software/humanpra.js

From 2013.igem.org

$(document).ready(function() {

 $("#thumbnail li .thumbnails").click(function() {

console.log({ "src": $(this).data("path"), "title": $("> img", this).attr("title") }); var that = $(this); $(".zoompic img").fadeOut(500, function(){ $(this).attr({ "src": that.data("path") }).fadeIn(500); });

   $("#thumbnail li.current").removeClass("current");
   $(this).parents("li").addClass("current");
   return false;
 });
 
 var $slider = $('.slider ul');
 var $slider_child_l = $('.slider ul li').length;
 var $slider_width = $('.slider ul li').width();
 $slider.width($slider_child_l * $slider_width);
 
 var slider_count = 0;
 
 if ($slider_child_l < 5) {
   $('#btn-right').css({cursor: 'auto'});
   $('#btn-right').removeClass("dasabled");
 }
 
 $('#btn-right').click(function() {
   if ($slider_child_l < 5 || slider_count >= $slider_child_l - 5) {
     return false;
   }
 
   slider_count++;
   $slider.animate({left: '-=' + $slider_width + 'px'}, 'fast');
   slider_pic();
 });
 
 $('#btn-left').click(function() {
   if (slider_count <= 0) {
     return false;
   }
   slider_count--;
   $slider.animate({left: '+=' + $slider_width + 'px'}, 'fast');
   slider_pic();
 });
 
 function slider_pic() {
   if (slider_count >= $slider_child_l - 5) {
     $('#btn-right').css({cursor: 'auto'});
     $('#btn-right').addClass("dasabled");
   }
   else if (slider_count > 0 && slider_count <= $slider_child_l - 5) {
     $('#btn-left').css({cursor: 'pointer'});
     $('#btn-left').removeClass("dasabled");
     $('#btn-right').css({cursor: 'pointer'});
     $('#btn-right').removeClass("dasabled");
   }
   else if (slider_count <= 0) {
     $('#btn-left').css({cursor: 'auto'});
     $('#btn-left').addClass("dasabled");
   }
 }

top_board_moving = false; $("#top_board").bind("mouseover", function(){ console.log("kakak", top_board_moving); if(!top_board_moving) { $(this).addClass("rotate"); top_board_moving = true; setTimeout("top_board_moving=false;$('#top_board').removeClass('rotate')", 2000); } }); });