"
Team:UNITN-Trento/JS/Team
From 2013.igem.org
| Line 26: | Line 26: | ||
div = $('<div/>'); | div = $('<div/>'); | ||
$(div).addClass( 'tn-hoverTag' ); | $(div).addClass( 'tn-hoverTag' ); | ||
| - | $(div). | + | $(div).append( '<span>Click to exit</span>' ); |
| + | $(div).append( '<img src="' + $(_self).attr('href') + '" />' ); | ||
$(div).click(function(e) { | $(div).click(function(e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
Revision as of 07:48, 13 August 2013
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() { $( '#jms-slideshow' ).jmslideshow();
$('#jms-slideshow .image').each(function() { $(this).click(function(e) { e.preventDefault(); swapBg($(this).children('img')); }); });
$('#tn-content .tag').each(function() { $(this).click(function(e) { e.preventDefault(); if ( $(this).attr( 'data-type' ) === "img" ) { _self = $(this); div = $('<div/>'); $(div).addClass( 'tn-hoverTag' ); $(div).append( 'Click to exit' ); $(div).append( '<img src="' + $(_self).attr('href') + '" />' ); $(div).click(function(e) { e.preventDefault(); $(div).remove(); }); $('body').append(div); } else { alert("E"); } }); }); });
