https://alyo.net/user/js/photoDiary.js

1	var url='/diary/getdiaries.php?ipp=' + $('#photoDiaryjs').data('ipp');
2	$('#diary').html('');
3	$.getJSON(url, function (data) {
4		var diaryCount = data.diaries.length;
5		var out = '';
6		//1件以上ある場合
7		if (diaryCount >= '1') {
8			var diary;
9			$(data.diaries).each(function () {
10				diary = '';
11				diary = '<li class="list">';
12				if (this.gal_diary_image != '') { //画像がある場合
13					diary += '<a href="/diary/gal.php?uid=' + this.gal_dir + '&id=' + this.gal_diary_id +'" style="background:url(' + this.gal_diary_image + ') center center no-repeat;background-size:cover;"><img src="/user/img/blank.gif" alt="' + this.gal_name + '" /><h4>' + this.gal_diary_subject + '</h4></a><h3>' + this.gal_name + '</h3><p>' + this.gal_diary_created + '</p>';
14				}
15				else { //画像がない場合
16					if (this.gal_thumb_l_file != '') {
17						diary += '<a href="/diary/gal.php?uid=' + this.gal_dir + '&id=' + this.gal_diary_id +'" style="background:url(' + this.gal_thumb_l_file + ') center center no-repeat;background-size:cover;"><img src="/user/img/blank.gif" alt="' + this.gal_name + '" /><h4>' + this.gal_diary_subject + '</h4></a><h3>' + this.gal_name + '</h3><p>' + this.gal_diary_created + '</p>';
18					}
19					else {
20						diary += '<a href="/diary/gal.php?uid=' + this.gal_dir + '&id=' + this.gal_diary_id + '" /><h4>' + this.gal_diary_subject + '</h4></a><h3>' + this.gal_name + '</h3><p>' + this.gal_diary_created + '</p>';
21					}
22				}
23				diary += '</li>';
24				$(diary).appendTo('#diary');
25			});
26			$('#diary').html('<ul>' + $('#diary').html() + '</ul>');
27			$('<a href="/diary/" style="display:inline-block !important;">もっと見る</a>').appendTo('#diary + .more');
28			$('#diary').prepend('<style>#diary ul{}#diary ul li{width:calc(100%/' + $('#photoDiaryjs').data('column') + ' - 6px);	display:inline-block;} #diary ul li img{display:block;width:100%;}#diary p{} #diary p a{} #diary ul li a{position:relative;} #diary ul li{margin:2px;overflow:hidden;position:relative;overflow:hidden;cursor:pointer;}#diary ul li{/*border:1px solid #cccccc;*/}#diary ul li.yokonaga a img{display:block;height:100% !important;width:auto !important;}#diary ul li.tatenaga a img{display:block;width:100% !important;height:auto !important;}.syamelink{display: block;text-align: center;margin-top: 5px;} #diary ul li h4 {position:absolute;bottom:0;width:calc(100% - 6px); background-color: rgba(0,0,0,.6); color: #ffffff; font-weight: normal; text-align: left; font-size: 13px;padding:3px;}#diary ul li h3 {font-size: 14px; padding: 3px;text-align:center;}#diary ul li p { font-size: 11px; padding: 3px; line-height: 1.5;text-align:center;}@media screen and (max-width: 667px) {#diary > ul{width:calc((40vw + 10px)*' + diaryCount + ');}#diary >  ul li{width:40vw;}</style>');
29setImages();			
30		}
31	});
32$(window).load(function(){
33/*
34	function setImages() {
35		$('#diary ul li').css('height', $('#diary ul li').width()*1.16);
36		$('#diary ul li a').css('height', $('#diary ul li').width()*1.16);
37		$('#diary ul li').each(function() {
38	        yoko = $(this).children('a').children('img').width();
39	        tate = $(this).children('a').children('img').height();
40			if(yoko > tate){
41				$(this).addClass('yokonaga');
42				$(this).children('a').children('img').css('margin-left', ($(this).width() - $(this).children('a').children('img').width()) / 2);
43			} else if(tate > yoko){
44				$(this).addClass('tatenaga');
45				$(this).children('a').children('img').css('margin-top', ($(this).height() - $(this).children('a').children('img').height()) / 2);
46			} else {
47				$(this).addClass('square');
48				$(this).children('a').children('img').css('margin-left', ($(this).width() - $(this).children('a').children('img').width()) / 2);
49			}
50		});
51	}
52
53	$(window).bind("scroll", function() {
54		setImages();
55	});
56	$(window).on("resize", function() {
57		setImages();
58	});
59*/
60});
61