Team:UNITN-Trento/JS/Team

From 2013.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
$(document).ready(function() {
$(document).ready(function() {
-
$( '#jms-slideshow' ).jmslideshow();
+
    // $('#jms-slideshow').jmslideshow();
-
$img = $('#jms-slideshow .image img')
+
    //Change image when you go on the paper with the mouse
-
alt = $img.attr('data-alt');
+
    $(".paper").each(function() {
-
src = $img.attr('src');
+
        $(this).mouseenter(function() {
-
$img.fadeOut('fast', function() {
+
            $(this).children(".profile").css({'display' : 'none'});
-
$img.attr('src',alt);
+
            $(this).children(".foto-2").css({'display' : 'inline-block'});
-
$img.fadeIn();
+
        });
-
})
+
        $(this).mouseleave(function() {
-
$img.attr('data-alt',src);
+
            $(this).children(".profile").css({'display' : 'none'});
 +
            $(this).children(".profile").not(".foto-2").css({'display' : 'inline-block'});
 +
        });
 +
    });
 +
 
 +
    /*
 +
    $('#tn-content .tag').each(function() {
 +
        $(this).click(function(e) {
 +
            e.preventDefault();
 +
            if ($(this).attr('data-type') === "img" && !$(this).hasClass('active')) {
 +
                $('#tn-content .tag').removeClass('active');
 +
                _self = $(this);
 +
                _self.addClass('active');
 +
 
 +
                div = $('<div/>');
 +
                $(div).addClass('tn-hoverTag');
 +
 
 +
                $(div).append('<span class="title">' + $(_self).html() + '</span><br/>');
 +
                $(div).append('<img src="' + $(_self).attr('href') + '" />');
 +
                $(div).append('<br/><span class="msg">Click to exit</span>');
 +
                $(div).children().wrapAll('<div/>');
 +
 
 +
                $(div).click(function(e) {
 +
                    e.preventDefault();
 +
                    $(div).remove();
 +
                    $('#tn-content .tag').removeClass('active');
 +
                });
 +
                $('body').append(div);
 +
            } else {
 +
                $('#tn-content .tag').removeClass('active');
 +
                _self = $(this);
 +
                _self.addClass('active');
 +
 
 +
                div = $('<div/>');
 +
                $(div).addClass('tn-hoverTag');
 +
 
 +
                $(div).append('<span class="title">' + $(_self).html() + '</span><br/>');
 +
                $(div).append('<iframe width="560" height="315" src="' + $(_self).attr('href') + '" frameborder="0" allowfullscreen></iframe>');
 +
                $(div).append('<br/><span class="msg">Click to exit</span>');
 +
                $(div).children().wrapAll('<div/>');
 +
 
 +
                $(div).click(function(e) {
 +
                    e.preventDefault();
 +
                    $(div).remove();
 +
                    $('#tn-content .tag').removeClass('active');
 +
                });
 +
                $('body').append(div);
 +
            }
 +
        });
 +
    });
 +
    */
});
});

Latest revision as of 13:55, 26 September 2013

$(document).ready(function() {

   // $('#jms-slideshow').jmslideshow();
   //Change image when you go on the paper with the mouse
   $(".paper").each(function() {
       $(this).mouseenter(function() {
           $(this).children(".profile").css({'display' : 'none'});
           $(this).children(".foto-2").css({'display' : 'inline-block'});
       });
       $(this).mouseleave(function() {
           $(this).children(".profile").css({'display' : 'none'});
           $(this).children(".profile").not(".foto-2").css({'display' : 'inline-block'});
       });
   });
   /*
   $('#tn-content .tag').each(function() {
       $(this).click(function(e) {
           e.preventDefault();
           if ($(this).attr('data-type') === "img" && !$(this).hasClass('active')) {
               $('#tn-content .tag').removeClass('active');
               _self = $(this);
               _self.addClass('active');
               div = $('<div/>');
               $(div).addClass('tn-hoverTag');
               $(div).append('' + $(_self).html() + '
'); $(div).append('<img src="' + $(_self).attr('href') + '" />'); $(div).append('
Click to exit'); $(div).children().wrapAll('<div/>');
               $(div).click(function(e) {
                   e.preventDefault();
                   $(div).remove();
                   $('#tn-content .tag').removeClass('active');
               });
               $('body').append(div);
           } else {
               $('#tn-content .tag').removeClass('active');
               _self = $(this);
               _self.addClass('active');
               div = $('<div/>');
               $(div).addClass('tn-hoverTag');
               $(div).append('' + $(_self).html() + '
'); $(div).append('<iframe width="560" height="315" src="' + $(_self).attr('href') + '" frameborder="0" allowfullscreen></iframe>'); $(div).append('
Click to exit'); $(div).children().wrapAll('<div/>');
               $(div).click(function(e) {
                   e.preventDefault();
                   $(div).remove();
                   $('#tn-content .tag').removeClass('active');
               });
               $('body').append(div);
           }
       });
   });
   */

});