Team:UNITN-Trento/JS/Team

From 2013.igem.org

(Difference between revisions)
m
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() {
+
-
$(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() {
$('#tn-content .tag').each(function() {
$(this).click(function(e) {
$(this).click(function(e) {
e.preventDefault();
e.preventDefault();
-
if ( $(this).attr( 'data-type' ) === "img" && !$(this).hasClass( 'active' ) ) {
+
if ($(this).attr('data-type') === "img" && !$(this).hasClass('active')) {
-
$('#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( '<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);

Revision as of 09:35, 26 August 2013

$(document).ready(function() { $('#jms-slideshow').jmslideshow();

$('#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"