"

From 2013.igem.org

Revision as of 12:31, 12 August 2013 (view source) Ggirelli (Talk | contribs) ← Older edit		Latest revision as of 13:55, 26 September 2013 (view source) Ggirelli (Talk | contribs)
(42 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');
		+
		+	$(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/>');
-	$('#jms-slideshow .image img').mouseenter(swapBg(this));	+	$(div).click(function(e) {
-	$('#jms-slideshow .image img').mouseleave(swapBg(this));	+	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);
           }
       });
   });
   */

});