|
|
|
|
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);
|
|
|
|
|
})
|
