MediaWiki: Common.js: Difference between revisions
From The Lost Media Wiki
No edit summary |
No edit summary |
||
Line 27: | Line 27: | ||
var $selector = $(".embedvideo .thumbinner iframe"); | var $selector = $(".embedvideo .thumbinner iframe"); | ||
var $selectorsmall = $(".video-small .embedvideo .thumbinner iframe"); | var $selectorsmall = $(".video-small .embedvideo .thumbinner iframe"); | ||
var $selectorbig = $(".video- | var $selectorbig = $(".video-small .embedvideo .thumbinner iframe"); | ||
var $selectortwo = $(".video-two .embedvideo .thumbinner iframe"); | |||
var $selectorthree = $(".video-three .embedvideo .thumbinner iframe"); | |||
var $selectorfour = $(".video-four .embedvideo .thumbinner iframe"); | |||
$(window).resize(function (){ | $(window).resize(function (){ | ||
Line 37: | Line 40: | ||
$(window).resize(function (){ | $(window).resize(function (){ | ||
setAspectRatioSmall($selectorsmall); | setAspectRatioSmall($selectorsmall); | ||
}); | |||
$(window).resize(function (){ | |||
setAspectRatioTwo($selectortwo); | |||
}); | |||
$(window).resize(function (){ | |||
setAspectRatioThree($selectorthree); | |||
}); | |||
$(window).resize(function (){ | |||
setAspectRatioFour($selectorfour); | |||
}); | }); | ||
function setAspectRatio(selector) { | function setAspectRatio(selector) { | ||
var wide = $(".embedvideo .thumbinner").css("width"); | var wide = $(".embedvideo .thumbinner").css("width"); | ||
var calculate = parseInt(wide, 10)* 0.625; | var calculate = parseInt(wide, 10)* 0.625; | ||
selector.css("height", calculate); | |||
} | } | ||
function setAspectRatioSmall(selectorsmall) { | function setAspectRatioSmall(selectorsmall) { | ||
var widesmall = $(".video-small .embedvideo .thumbinner").css("width"); | var widesmall = $(".video-small .embedvideo .thumbinner").css("width"); | ||
var calculatesmall = parseInt(widesmall, 10)* 0.625; | var calculatesmall = parseInt(widesmall, 10)* 0.625; | ||
selectorsmall.css("height", calculatesmall); | |||
} | } | ||
function setAspectRatioBig(selectorbig) { | function setAspectRatioBig(selectorbig) { | ||
var widebig = $(".video-big .embedvideo .thumbinner").css("width"); | var widebig = $(".video-big .embedvideo .thumbinner").css("width"); | ||
var calculatebig = parseInt(widebig, 10)* 0.625; | var calculatebig = parseInt(widebig, 10)* 0.625; | ||
selectorbig.css("height", calculatebig); | |||
} | |||
function setAspectRatioTwo(selectortwo) { | |||
var widetwo = $(".video-two .embedvideo .thumbinner").css("width"); | |||
var calculatetwo = parseInt(widetwo, 10)* 0.625; | |||
selectortwo.css("height", calculatetwo); | |||
} | |||
function setAspectRatioThree(selectorthree) { | |||
var widethree = $(".video-three .embedvideo .thumbinner").css("width"); | |||
var calculatethree = parseInt(widethree, 10)* 0.625; | |||
selectorthree.css("height", calculatethree); | |||
} | |||
function setAspectRatioFour(selectorfour) { | |||
var widefour = $(".video-four .embedvideo .thumbinner").css("width"); | |||
var calculatefour = parseInt(widefour, 10)* 0.625; | |||
selectorfour.css("height", calculatefour); | |||
} | } | ||
var $content = $('#maincontent'); | var $content = $('#maincontent'); | ||
Line 82: | Line 103: | ||
setAspectRatioSmall($selectorsmall); | setAspectRatioSmall($selectorsmall); | ||
setAspectRatioBig($selectorbig); | setAspectRatioBig($selectorbig); | ||
setAspectRatioTwo($selectortwo); | |||
setAspectRatioThree($selectorthree); | |||
setAspectRatioFour($selectorfour); | |||
}); | }); |
Revision as of 19:08, 19 December 2017
/* Any JavaScript here will be loaded for all users on every page load. */
/*custom javascript for the lostmediawiki metrolook theme*/
/*change the title text by the Image */
var titleImage = '<img width="150" src="http://lostmediawiki.com/skins/Metrolook/images/nofilm.png" style="margin-top:-5px; margin-left:5px;">';
$(".title-name > a > .title-name").html(titleImage);
/*Change the title text by the Image ends*/
/*Replace the Home by blank space to display site title only on the main page*/
var str = $("title").text();
var title = str.split("-");
if(title[0].trim()=="Home"){
$("title").text(title[1].trim());
}
/*Replace the Home by blank space to display site title only on the main page*/
/*custom javascript for the lostmediawiki metrolook theme ends here*/
$("div.embedvideo").css("width", "100%");
$(".embedvideo .thumbinner").css("width", "100%").css("max-width", "640px");
$(".embedvideo .thumbinner iframe").css("width", "100%");
var $selector = $(".embedvideo .thumbinner iframe");
var $selectorsmall = $(".video-small .embedvideo .thumbinner iframe");
var $selectorbig = $(".video-small .embedvideo .thumbinner iframe");
var $selectortwo = $(".video-two .embedvideo .thumbinner iframe");
var $selectorthree = $(".video-three .embedvideo .thumbinner iframe");
var $selectorfour = $(".video-four .embedvideo .thumbinner iframe");
$(window).resize(function (){
setAspectRatio($selector);
});
$(window).resize(function (){
setAspectRatioBig($selectorbig);
});
$(window).resize(function (){
setAspectRatioSmall($selectorsmall);
});
$(window).resize(function (){
setAspectRatioTwo($selectortwo);
});
$(window).resize(function (){
setAspectRatioThree($selectorthree);
});
$(window).resize(function (){
setAspectRatioFour($selectorfour);
});
function setAspectRatio(selector) {
var wide = $(".embedvideo .thumbinner").css("width");
var calculate = parseInt(wide, 10)* 0.625;
selector.css("height", calculate);
}
function setAspectRatioSmall(selectorsmall) {
var widesmall = $(".video-small .embedvideo .thumbinner").css("width");
var calculatesmall = parseInt(widesmall, 10)* 0.625;
selectorsmall.css("height", calculatesmall);
}
function setAspectRatioBig(selectorbig) {
var widebig = $(".video-big .embedvideo .thumbinner").css("width");
var calculatebig = parseInt(widebig, 10)* 0.625;
selectorbig.css("height", calculatebig);
}
function setAspectRatioTwo(selectortwo) {
var widetwo = $(".video-two .embedvideo .thumbinner").css("width");
var calculatetwo = parseInt(widetwo, 10)* 0.625;
selectortwo.css("height", calculatetwo);
}
function setAspectRatioThree(selectorthree) {
var widethree = $(".video-three .embedvideo .thumbinner").css("width");
var calculatethree = parseInt(widethree, 10)* 0.625;
selectorthree.css("height", calculatethree);
}
function setAspectRatioFour(selectorfour) {
var widefour = $(".video-four .embedvideo .thumbinner").css("width");
var calculatefour = parseInt(widefour, 10)* 0.625;
selectorfour.css("height", calculatefour);
}
var $content = $('#maincontent');
setToWindowHeight($content);
$(window).resize(function (){
setToWindowHeight($content);
});
function setToWindowHeight(content) {
content.css({ 'min-height': $(window).innerHeight() });
}
$(document).ready(function() {
$("#catlinks").detach().insertBefore("div.hf-footer");
setAspectRatio($selector);
setAspectRatioSmall($selectorsmall);
setAspectRatioBig($selectorbig);
setAspectRatioTwo($selectortwo);
setAspectRatioThree($selectorthree);
setAspectRatioFour($selectorfour);
});