Team:UNITN-Trento/JS/Team

From 2013.igem.org

(Difference between revisions)
m
 
(22 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();
 +
 
 +
    //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');
-
$('#jms-slideshow .image').each(function() {
+
                $(div).append('<span class="title">' + $(_self).html() + '</span><br/>');
-
$(this).click(function(e) {
+
                $(div).append('<img src="' + $(_self).attr('href') + '" />');
-
e.preventDefault();
+
                $(div).append('<br/><span class="msg">Click to exit</span>');
-
swapBg($(this).children('img'));
+
                $(div).children().wrapAll('<div/>');
-
});
+
-
});
+
-
$('#tn-content .tag').each(function() {
+
                $(div).click(function(e) {
-
$(this).click(function(e) {
+
                    e.preventDefault();
-
e.preventDefault();
+
                    $(div).remove();
-
if ( $(this).attr( 'data-type' ) === "img" && !$(this).hasClass( 'active' ) ) {
+
                    $('#tn-content .tag').removeClass('active');
-
$('#tn-content .tag').removeClass( 'active' );
+
                });
-
_self = $(this);
+
                $('body').append(div);
-
_self.addClass( 'active' );
+
            } else {
 +
                $('#tn-content .tag').removeClass('active');
 +
                _self = $(this);
 +
                _self.addClass('active');
-
div = $('<div/>');
+
                div = $('<div/>');
-
$(div).addClass( 'tn-hoverTag' );
+
                $(div).addClass('tn-hoverTag');
-
$(div).append( '<span>Click to exit</span>' );
+
                $(div).append('<span class="title">' + $(_self).html() + '</span><br/>');
-
$(div).append( '<img src="' + $(_self).attr('href') + '" />' );
+
                $(div).append('<iframe width="560" height="315" src="' + $(_self).attr('href') + '" frameborder="0" allowfullscreen></iframe>');
-
$(div).children().wrapAll( '<p/>' );
+
                $(div).append('<br/><span class="msg">Click to exit</span>');
 +
                $(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 {
+
            }
-
alert("E");
+
        });
-
}
+
    });
-
});
+
    */
-
});
+
});
});

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);
           }
       });
   });
   */

});

Retrieved from "http://2013.igem.org/Team:UNITN-Trento/JS/Team"