MediaWiki:Common.js
(Difference between revisions)
| Line 60: | Line 60: | ||
hl.css('clip','rect(0 '+hl.width()+'px '+hl.height()+'px 0)'); | hl.css('clip','rect(0 '+hl.width()+'px '+hl.height()+'px 0)'); | ||
}); | }); | ||
| + | if(!hl.attr('style')) $(this).mouseout(); | ||
}); | }); | ||
} | } | ||
Revision as of 18:00, 19 June 2017
/* Any JavaScript here will be loaded for all users on every page load. */
if(mw.config.get('wgArticleId') == 1736) {
$( document ).ready( function() {
var sli = $("#photoGroups .holder ul")[0];
sli.parentNode.style.height = "200px";
$("#photoGroups p").each(function(i) {
$(this).mouseenter(function() {
$(sli).stop();
$(sli).animate({marginTop:"-"+(200+i*200)+"px"});
});
});
})};
$('.xpand a').click(function() {
var c = this.firstChild.nodeValue,
d = c.substring(0,c.length-1);
this.innerHTML = c.charCodeAt(c.length-1) === 9658 ? d+'\u25BC' : d+'\u25BA';
$('.'+$(this).attr('href').substring(1)).slideToggle();
return false;
});
var ph = $('.photogal ul .thumbimage');
if (ph[0]) {
ph[0].style.opacity = 0.66;
var img = $('.photogal img')[0],
caption = $('.photogal .thumbcaption')[0];
img.removeAttribute('width');
$('.photogal .thumbinner')[0].style.width = '';
ph.each(function(i) {
$(this).click(function() {
var cpt = $('.thumbcaption',$('.photogal li')[i])[0];
caption.innerHTML = cpt.innerText || cpt.textContent;
img.src = this.src.replace('200px','800px');
img.parentNode.href = this.parentNode.href;
ph.each(function(j) { this.style.opacity = i === j ? 0.66 : 1 });
return false;
});
});
}
var team = $('.team img');
if(team.length){
var hl = $('<div class="photo_hl"></div>');
hl.css({'width':team.width(),'height':team.height()})
hl.append(team.clone());
team.before(hl);
hl = hl.children();
$('.team ul li').each(function(){
$(this).mouseover(function() {
var pos = $(this).attr('data-pos');
if(pos) {
pos = pos.split(':');
hl.css('clip','rect('+
pos[1]+'px '+
(pos[0]*1+pos[2]*1)+'px '+
(pos[1]*1+pos[3]*1)+'px '+
pos[0]+'px)'
);
}
});
$(this).mouseout(function() {
hl.css('clip','rect(0 '+hl.width()+'px '+hl.height()+'px 0)');
});
if(!hl.attr('style')) $(this).mouseout();
});
}
