Nana skin ver.6 수정사항
2023. 5. 7. 13:402023.05
1. 사이드 폭 1600으로 수정
#container {
width: 1600px;
max-width: 100%;
2. 그리드 갯수 3 -> 4개로 수정
/*리스트*/
.grid-item {
width: 23%;
position: relative;
margin-bottom: 2%;
background: #fff;
}
3. 카테고리 아래 블로그 메뉴 추가
<!-- 블로그메뉴 추가 -->
<div class="blogMenu">
[ ##_blog_menu_## ]
</div>
4. 썸네일 이미지 로드 오류 수정
//갤러리형
$(".grid-item").each(function(index){
var a = $(this).find("a").attr("href");
var b = $(this);
var i = $(this).find("img.thumb");
$.ajax({
url: a,
type: "GET",
dataType: "html",
success:function(c)
{
var find = false;
var h = /<head>[\s\S]*?<\/head>/.exec(c)[0];
var d = /<!-- BEGIN STRUCTURED_DATA -->\n<script type="application\/ld\+json">([\s\S]*?)<\/script>\n<!-- END STRUCTURED_DATA -->/.exec(h);
if (d != null) { // 비공글 아닐시 파싱
var json = JSON.parse(d[1]);
if (json.image.url != "https://t1.daumcdn.net/cssjs/icon/557567EA016E200001") {
i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+json.image.url);
find = true;
}
}
// 비공글이거나 못 찾았으면
if (!find) {
c = /<div id="content">([\s\S]*?)<!-- content close -->/.exec(c)[1];
if (c.indexOf('<!--2-7. 보호 글-->') == -1) { //보호글 아닐시 실행
c = /<!--글 시작-->([\s\S]*?)<!--글 끝-->/.exec(c)[1];
var img = /<img.*?src=['|"](.*?)['|"]/.exec(c);
if (img != null && img[1].indexOf('tistory_admin') == -1) {
i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+img[1]);
} else {
if (c.indexOf('<iframe') != -1) {
if (c.indexOf('www.youtube.com/embed') != -1) { // 유튜브 우선
var y = /<iframe.*?youtube.com\/embed\/(.*?)".*?<\/iframe>/.exec(c);
var yW = Number(/width="(.*?)"/.exec(y[0])[1]);
var yH = Number(/height="(.*?)"/.exec(y[0])[1]);
var yratio = (yH/yW)*100;
y = '<div class="video-container" style="padding-bottom:'+yratio+'%;"><iframe src="https://www.youtube.com/embed/'+y[1].split("?")[0]+'?modestbranding=1&showinfo=0&theme=light&rel=0&controls=0" frameborder="0"></iframe></div>';
} else {
var y = /<iframe.*?<\/iframe>/.exec(c)[0];
var yW = /width="(.*?)"/.exec(y);
if (yW != null && yW[1].indexOf('%') == -1) {
var yH = Number(/height="(.*?)"/.exec(y)[1]);
var yratio = (yH/Number(yW[1]))*100;
} else {
var yratio = 56.25;
}
y = '<div class="video-container" style="padding-bottom:'+yratio+'%;">'+y+'</div>';
}
i.replaceWith(y);
} else {
if (typeof jwplayer != 'undefined' && jwplayer.key)
var jw = /jwplayer\(['|"](.*?)['|"]\).setup\({([\S\s]*?)}\);/.exec(c);
if (typeof jw != 'undefined' && jw != null) {
var elemId = "player"+index;
b.find('.thumbWrap').append('<div id="'+elemId+'"></div>');
i.remove();
eval(jw[0].replace(jw[1], elemId).replace(jw[2], jw[2]+'\n, autostart: "false", displaytitle: "false"'));
b.find('a').click(function(e){
e.preventDefault();
if (e.target.className == null || e.target.className.indexOf('jw') == -1)
location.href = e.currentTarget.href;
});
} else {
if (typeof SC !== 'undefined' && c.indexOf('src="https://w.soundcloud.com/') != -1) {
var s = /src="https:\/\/w.soundcloud.com\/player(.*?)"/.exec(c)[0];
SC.get(/api.soundcloud.com(.*?)&/.exec(s)[1], function(track) {
var SC_img = track.artwork_url;
if (SC_img != null) {
SC_img = track.artwork_url.replace("large","crop");
i.attr("src", "http://i1.daumcdn.net/thumb/R400x0/?fname="+SC_img);
} else {
b.removeClass('isimg').addClass('noimg');
i.removeAttr("src");
var m = /<meta property="og:description" content="(.*?)[">]/.exec(h);
if (m != null && m[1] != '') {
if(m[1].length > 100) m[1] = m[1].substring(0,100)+'..';
m = '<div class="list-desc">'+m[1]+'</div>';
b.find('.list-con').append(m);
}
}
});
} else {
b.removeClass('isimg').addClass('noimg');
i.removeAttr("src");
var m = /<meta property="og:description" content="(.*?)[">]/.exec(h);
if (m != null && m[1] != '') {
if(m[1].length > 100) m[1] = m[1].substring(0,100)+'..';
m = '<div class="list-desc">'+m[1]+'</div>';
b.find('.list-con').append(m);
}
}
}
}
}
} else {
// 보호글
b.removeClass('isimg').addClass('noimg');
i.removeAttr("src");
}
}
}
});
});
$('.grid').prepend('<li class="gutter-sizer"></li>');
var $grid = $('.grid').imagesLoaded( function() {
$grid.masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-item',
gutter: '.gutter-sizer',
percentPosition: true
});
var count = 0;
var repeat = setInterval(function(){
$grid.masonry('layout');
count++;
if (count == 4) clearInterval(repeat);
}, 900);
});
});
</script>
</body>
</html>
4. 첫 화면 접속시 이미지 갤러리형 카테고리로만 들어 올 수 있게, 수정 ( 랜덤 )
<script src="./images/jwplayer.js"></script>
<script>
var pathArray = location.href.split('/');
if(pathArray[3] == '') {
$('html').css('display','none');
var i = Math.floor(Math.random() * 10) % 2 ;
var can = '';
if( i ==0) {
can = '여행';
}else if( i == 1){
can = 'Culture Area';
}
location.href = '/category/'+can;
}
</script>반응형