Team:UNITN-Trento/JS/Team

From 2013.igem.org

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

});