RSS Feed 이용, 최근글 목록에 이미지 넣기
RSS Feed 이용, 최근글 목록에 이미지 넣기
저번 글에 FastBoot v1.4는 최근글 목록 이미지를 Ajax로 긁어오고 있다고 했고, 이것이 고민이라고 했었는데요.
이 글에서 밝혔던 Ajax를 사용하지 않는 마크쿼리 스킨 제작자이신 Ungki, H님이 사용하고 있는 방식은 최근글 목록을 통째로 RSS Feed에서 가져오는 방식이었는데, 저는 이것을 좀 바꿔 생각해서 이미지 목록을 가져온 다음, 최근글 목록에 일치하는 이미지로 덮어쓰는 방법을 구현해보았습니다. 이렇게 하면 코멘트수도 사라지지 않고 그대로 노출되며, 발행하지 않은 글의 목록 역시 사라지지 않고 그대로 보입니다. 간단한 XML Parsing을 통해 구현해보았습니다. 무엇보다 최근글 목록 수 만큼 페이지를 요청하던 것을 RSS페이지 1개를 요청하는 것으로 끝내니 속도 향상이 예상됩니다.
<!--F Recent Post Thumbnail Fetch from RSS by Readiz(http://blog.readiz.com/) --> <script> var recent_items_link = new Array(); var recent_items_img = new Array(); $.ajax({ url:"/rss", dataType:"xml", success:function(rss){ $(rss).find('item').each(function() { var link = $(this).children('link').text(); link = link.replace('http://',''); link = '/' + link.split('/')[1]; var des = $(this).children('description').text(); e = 'http://cfile'; g = '"'; if(des.match(e+"(.*?)"+g)!=null){ a = des.match(e+"(.*?)"+g)[0]; a = a.substring(0,a.length-1); a = a.replace('original','C80x80') recent_items_link.push(link); recent_items_img.push(a); } }) $("#recentPost li").each(function () { var t = $(this).find("a").attr("href"); var d = $(this).find(".thumb img"); var i; for (i=0; i<recent_items_link.length; ++i) { if (t==recent_items_link[i]) { d.attr("src",recent_items_img[i]); } } }); } }); </script>
FastBoot 스킨의 다음 버전 스펙으로 들어갈 것이며, 이전에 주르륵 하고 떴던 최근글 목록 이미지들이 이제는 똭! 하고 뜨는 느낌이실 겁니다. 이 작업으로 인해 ygal이 카테고리를 제외한 화면에서는 필요없게 되어 제거하였습니다. Ajax를 사용하는 ygal은 오로지 카테고리 부분에서만 삽입됩니다. 전반적인 성능 향상이 느껴져서 만족 중입니다.
위 코드는 조금만 응용하면 다른 스킨에서도 사용할 수 있을 것입니다. 저작자와 링크만 걸어주시면 사용하셔도 상관없습니다.
'반응형 티스토리 > Tistory' 카테고리의 다른 글
반응형 스킨용 티에디션 요소 - Fast TSlide v0.1 (38) | 2014.04.11 |
---|---|
상단바 드롭다운 메뉴 넣기 (Bootstrap기반 스킨) (18) | 2014.04.08 |
댓글 쓰기와 댓글 읽기 순서 바꾸는 방법 (43) | 2014.04.07 |
[마감] Readiz가 4월 초대장 빠르게 드립니다. (15) | 2014.04.02 |
반응형 스킨에 대한 오해 1 - 방문자 수가 줄어든다? (19) | 2014.03.29 |
RSS Feed 이용, 최근글 목록에 이미지 넣기 (7) | 2014.03.26 |
갤러리형 스킨 구현, 그 구현 후에 이어지는 고민 (16) | 2014.03.24 |
상대방 댓글 때문에 악성코드 감지되었을 때 해결법 (11) | 2014.03.22 |
반응형 스킨에서 티에디션도 반응형으로 만들기 - 4 (23) | 2014.03.20 |
블로그 폰트 설정에 관하여 (9) | 2014.03.19 |
티스토리 에디터에서 넣을 수 있는 요소들 (9) | 2014.03.16 |
남은숙제가 최적화랑 IE7인데.. IE7은 estoque님처럼 스킨을 아예 바꿔버리는 방향으로 생각중입니다.
모바일 페이지를 보면 별도의 사진 갤러리 같은게 있던데
이런걸 보면 지원하는게 그다지 힘들어 보이지 않는 부분인것 같으면서도,
아직도 테터툴즈 버전이 1.1이라는 것을 감안하면 다음 측에서는 전~혀~ 관심이 없다는 것을 알수 있습니다. -ㅅ-
Software Hardware Game Technology 카테고리 검색창 직접만들고싶는데
자세히 답변부탁드립니다 어캐만드는지 잘모르겠어용 ㅠ
'Technology' 관련 글
'Software' 관련 글
'Software' 검색 결과
'Hardware' 검색 결과
Copyright 바퀴의 블로그. All Right Reserved.
1/6
◀ PREV NEXT ▶
Reply Edit
이름 비밀번호 비밀 댓글 등록
빠른 질문, 답변 & 방명록
비밀글로 쓴 글에 대한 답변에는 닉네임을 언급하지 않아 "익명성"을 보장합니다. 편안하게 글을 써주세요.
이 곳은 방명록 역할도 함께 합니다.
개인정보가 들어가지 않을 경우 가능하면 "공개글"로 적어주세요.
질문은 가능하면 이메일 문의 말고 이곳에 질문을 해주세요. 질문답변의 수는 31,420개를 넘었습니다.
https://cdmanii.com/guestbook 이블로그[이미지넣기] [링크넣기] 태그 사이에 이미지나 링크 주소를 넣어주세요.
Submit 이미지 업로드
이매의 블로그은 티스토리 앱 알람을 켜놓았기 때문에 질문이 올라오면 거의 곧 바로 답변 드립니다.( 특정 사정이 있는 경우 제외 )
전화상담이 필요한 경우 비밀글로 전화번호를 남겨주시면 전화를 드립니다. 단 제가 시간이 가능할때만 허용
[이미지넣기] [링크넣기] 태그 사이에 이미지나 링크 주소를 넣어주세요.
Submit 이미지 업로드