"
Team:UNITN-Trento/JS/Team
From 2013.igem.org
m |
m |
||
| Line 15: | Line 15: | ||
$(this).hover(function(e) { | $(this).hover(function(e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
| - | swapBg($(this). | + | swapBg($(this).find('.image img')); |
}, function(e) { | }, function(e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
| - | swapBg($(this). | + | swapBg($(this).find('.image img')); |
}); | }); | ||
}); | }); | ||
Revision as of 09:15, 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 .step').each(function() { $(this).hover(function(e) { e.preventDefault(); swapBg($(this).find('.image img')); }, function(e) { e.preventDefault(); swapBg($(this).find('.image img')); }); });
$('#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); } }); }); });
