You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

45 lines
1.4 KiB
JavaScript

function getRandom(max) {
var o = Math.round((Math.random())*max);
return o;
}
function place_imgs(window_size){
$.ajax({
dataType: 'jsonp',
url : 'https://pzwiki.wdka.nl/mw-mediadesign/api.php?format=json&action=query&generator=categorymembers&gcmtype=file&gcmtitle=Category:Special%20Issue%205&prop=imageinfo&iiprop=url&iiurlheight=150',
success : function(json) {
var pages=json.query.pages;
for (key in pages){
var img_url = pages[key].imageinfo[0].thumburl;
var img_w = pages[key].imageinfo[0].thumbwidth;
var img_h = pages[key].imageinfo[0].thumbheight;
var img_max_left = window_size.w - img_w;
var img_max_top = window_size.h - img_h;
var img_pos_left = ( getRandom(img_max_left).toString() )+"px";
var img_pos_top = ( getRandom(img_max_top).toString() )+"px";
var img_el = jQuery('<img />',{ src: img_url, class:'background'} );
$('div.background').append(img_el[0]);
img_el.css('left',img_pos_left,'!important')
.css('top',img_pos_top,'!important')
.css('z-index', (getRandom(pages.length)).toString() ,'!important')
.css('display','block');
// console.log(img_el, pages.length);
// console.log(img, img_w, img_h);
}
}
})
}
$(window).on("click scroll resize", function(){
var wh = {w: ($(window).width()), h: ($(window).height())} ;
place_imgs(wh);
})