구글 블로그스팟 링크 이미지 썸네일 첨부2
기존에는 링크 위에 마우스를 올리면, 링크 대표 썸네일 이미지가 뜨도록 만들었다.
구글 브로거 링크 이미지 썸네일 가능해요? (xehostel.blogspot.com)
그랬더니, 모바일버전에서는 보기가 힘들고,(마우스가 없으니)
또 다른 아이디어가 떠 올라 버전 2를 만들었다.
이번 버전은 링크가 화면에서 30%쯤 지날 때 해당 링크의 대표이미지를 변습 하게끔 만들었다.
처음에는 링크 바로 위에 썸네일이 뜨게끔 만들었지만,
추잡한 것 같아,
무난하게 변경하였다.
동적인 것이 티스토리 링크 이미지 썸네일보다 훨 낫다.
조금 더 까리하게 변경하고자 한다면,
신문기사처럼, 해당링크를 지날 때 페이지 전체가 위 아래로 열리면서 이미지를 보여주면 좋으나, 그것은 나중에 적용하고자 한다.
아이디어는 많이 떠 오르나, 모두 다 한 곳에 적용하다 보면,
도리어 아니한 것보다 못 해진다.
그래서 이 사이트에 적용해 놓았다.
Ha! anisekai & manga (hanissss.blogspot.com)
본 사이트보다 질적으로 떨어진다고 판단 되는 아무글을 써 놓는 곳인데,,,
오히려 이 곳이 본 사이트보다 인기가 더 좋다.(역전현상)
역시 사람들의 본성에는 다들 괴수 하나는 다 있는 듯 하다.
기름 시추하기 전에 지진이 나서 다행이다라고 생각하는 나처럼.
코드는 다음과 같다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scroll Thumbnail Preview</title>
<style>
.thumbnail {
position: fixed;
top: 30%;
right: 0;
width: 150px;
height: 150px;
border: 1px solid #ddd;
padding: 5px;
background: #fff;
z-index: 1000;
display: none;
}
.thumbnail img {
max-width: 100%;
max-height: 100%;
}
.widget.Blog a {
display: block;
margin: 20px 0;
}
</style>
</head>
<body>
<div class="widget Blog">
<a href="https://aldkzm.tistory.com/">Link 1</a>
<a href="https://xehostel.blogspot.com/">Link 2</a>
</div>
<div class='thumbnail' id='thumbnail'>
<a id="thumbnail-link" href="" target="_blank">
<img alt='Thumbnail' id='thumbnail-img' src=''/>
</a>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const widget = document.querySelector('.widget.Blog');
const links = widget.querySelectorAll('a');
const thumbnailDiv = document.getElementById('thumbnail');
const thumbnailImg = document.getElementById('thumbnail-img');
const thumbnailLink = document.getElementById('thumbnail-link');
const cache = {};
// 미리 썸네일 로드
links.forEach(link => {
const url = link.getAttribute('href');
fetchThumbnail(url, function(thumbnailUrl) {
if (thumbnailUrl) {
cache[url] = thumbnailUrl;
}
});
});
function fetchThumbnail(url, callback) {
const proxyUrl = 'https://api.allorigins.win/raw?url=' + encodeURIComponent(url);
fetch(proxyUrl)
.then(response => response.text())
.then(data => {
const parser = new DOMParser();
const doc = parser.parseFromString(data, 'text/html');
const ogImage = doc.querySelector('meta[property="og:image"]')?.content;
callback(ogImage);
})
.catch(error => {
console.error('Error fetching thumbnail:', error);
callback(null);
});
}
const observerOptions = {
root: null,
rootMargin: '-30% 0px -70% 0px', // 30% ~ 70% 지점에서 트리거
threshold: 0
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
const link = entry.target;
const url = link.getAttribute('href');
if (entry.isIntersecting) {
if (cache[url]) {
thumbnailImg.src = cache[url];
thumbnailLink.href = url;
thumbnailDiv.style.display = 'block';
}
}
});
}, observerOptions);
links.forEach(link => observer.observe(link));
});
</script>
</body>
</html>
intersectionobserver를 이용한 것이 특징인데,
잘 응용하길 바란다.
애초에 이 블로그를 내가 만들었으면, 링크 자체를 손 봤겠지만,
그게 아니라서 이런 방법을 사용 할 수 밖에 없었다.
7일동안 많은 클릭!!!
데드퀸~7화까지만 버티자. 그 때부터는 이야기가 거충열도하게 흘러간다.
그림체는 마음에 안 든다. 하지만, 스토리가 마음에 든다. 데드퀸 웹툰의 스토리는 다음과 같습니다: 세계관 : 제너두라는 조직이 인류의 지배자를 자처하며, 북극의 빙하가 녹아 식물과 곤충이 거대해지는 시뮬레이션 결과에 따라 최강의 곤충을 만들어 인간을 통제하려 합니다. 하이브 작전 : 제너두는 전 세계 대도시에 대왕 벌레와 흑벌을 풀어 여왕벌에 적합한 인간 여성을 찾으려 하며, 이 작전의 이름이 하이브입니다. 내분과 갈등 : 인류 문명을 붕괴시키려는 하이브 작전에 대한 내부 갈등과 복잡한 이해관계가 개장수에서 상세히 나타납니다. 연재 순서 : 작품 속 시간순서는 개장수 → 하이브1~2 → 하이브3 → 데드퀸 순으로 진행되며, 이 순서를 알고 감상하면 스토리 이해가 빨라집니다 1 . 비슷한 내용의 애니로는 일본 애니, 거충열도~극장판 이것은 야애니인가 그냥 애니인가... 본 시리즈는 진행 안 하면서 극장판 나오는 이상한 애니 (xehostel.blogspot.com) 거충열도가 생각났다. 곤충에 대한 지식, 다양성을 생각한다면 거충열도가 위이지만, 스토리의 깊이를 생각한다면, 거충열도보다 이 웹툰이 더 뛰어나다. 중간 중간 마다 개그적인 요소도 마음에 들고. 위에서 언급 했듯이, 연재순서가 있는데, 굳이 안 보고 바로 데드퀸을 봐도 이해 가능하다. 아쉬운 점은 작화... 이게 최선인가... 스토리를 느무 못 살린다. 스토리 아니였으면... 고비는 6화까지다. 7화부터는 이제 슬슬 풀리니, 참고보자. 와... 근데, 이 웹툰도 따지고 보면, 나거한이네... 남자들은 노예 아니면, 수벌인데,(75화 참조) 수벌도 얼굴이 잘 생겨야... 남자들아... xeHostel(영덕대게태양광) 환경보호하자...
이 곳에 소개 된 것들은 모두 여기에서 볼 수 있습니다. click!
늘 law의 의지를 잇는자는 나오지요. Recent Posts Widget Your browser does not support JavaScript!
태양광 발전소 운영관리 품목 및 비용
상담을 받다보면 받는 질문 중 하나가, 왜, '여러 곳에 견적을 받아보는데, 수익이 다 달라요'이다. 어쩌면 당연한 것이다. - 생각하는 발전시간 - 기준으로 잡는 전기판매단가 - 대출 비용 등 달라질 요소는 충분히 많다. 견적도 다 상이한데, 나는 개인적으로 여러 곳에서 견적 받는 곳은 집중적으로 신경을 안 쓴다. 차피 좋은 거 가르쳐줘봤자, 결국에는 제일 저렴한 것을 선택하기 때문이다. 화성 아리셀 공장 화재: 왜 '대형 사고'가 끊이지 않을까 - BBC News 코리아 (오해하지말자, 사람 목숨이 저렴하다는 의미가 아니다.) 그리고 종국에는 이렇게 말한다. '아, 미안하다. 아는 사람이 어쩌구 저쩌구...' 그래서 가끔 견적을 내주다 보면, 나도 그렇지만, 업자들이 걍 대충 내주는 경향이 있다. 대화를 해 보면, 차피 결정 된 거 궁금증 해소용인거 느낌이 오기 때문이다. 진짜, 할 마음이 있는 사람은 견적 물을 때 태양광 운영관리 품목 및 비용 등은 안 묻는다. 이미 인터넷에 널린 자료이고, 사업성에 크게 미치는 영향이 아니기 때문이다. 계약도 하기 전에 이런 세부적인 내용을 묻는다면, 이미 조사 할 거 다 조사하고, 확인 하는 작업이라. 님이 뭔가 혁신적인 것을 제시하지 않는다면... 뒤집기 어렵다. 특히나 명함 안 주고 물어보면, 100%고, 명함 받았는데, 직급이 낮은거면... 갖고 노는거지... 그래서 대충 해 버린다. 차피 지금 키워서 언제 잡아 먹겠는가... 그 직급이 무슨 힘이 있다고... 실컷 태양광 발전소 운영관리 품목 및 비용 컨설팅 해 줘도, 보고서 용으로나 소비되겠지. 따라서 명함 주기 전에는 컨설팅 안 해 줍니다. 그래도 주제가 태양광 발전소 운영관리 품목 및 비용이니, 알랴주자면, 1. 안전관리비용 2. 모니터링 통신비 3. 열화상 종합검사 4. 운전유지 및 수선비 5. 기타관리비용 6. 법인세 및 제세 7. 태양광보험료 EGI? CMI? 태양광보험 왜 드는겁니걈? 그리고 할인 받을
SNL~우리나라에서 이거보다 수위 높고, 독특한 거 찾기가 어렵지~
우리나라 방송이 지루하다 느껴지는 것은, 소재의 제한이다. 지금은 뭐, 애 많이 낳자, 여자들 비위 맞추자 등 거의 교육 방송화가 되고 있는데, 한 두번 보면 패턴이 파악 되서 지루하다. 그래서 가끔은 자극적인 더 보이즈(), 시즌4 드뎌 떴다!!! 보우트, 민심, 이제 정부까지 장악 할려는 홈랜더 (hanissss.blogspot.com) 소재를 찾게 된다. 물론 너무 자극적인 먹고 텁텁한 그런 것은 지양한다. 기분도 나쁘고. snl, 뭐 신동엽이 나온 순간, 노래 아니면, 19금이다. 시간 대가 안 맞아서 그런지, tv에서 snl을 본적이 없다. 물론 그것 때문에도 아니지만, 사실 snl에는 다음의 문제 가 있다. 1. 정치 풍자를 너무 사랑한다. 그렇지 않아도 200석이나 차지한 민주당이 민생은 안 챙기고, 왕놀이(탄핵놀이) 해서 나라 꼬라지가 말이 아닌데, 여기다 SNL까지도 참전하고 있다. 아니, 대통령 마누라가 뭘 받든, 그게 나하고 무슨 상관이라고, 그거 하나 물고 늘어지고. 차라리 나눠서 하던가! 200명이 모두 거기에 몰두 해서는.... - 12사단 여중대장 고문치사 사건 - 아리셀 배터리 외국인 분신 사건 - 밀양 여중생 비판한 여경찰 사건 등 차고 넘치는데, 이런 것에는 신경조차 쓰지 않는다. 폐수와 이산화탄소를 바다에 버리는 포항, 에코프로, LH, 그들의 비친환경적인 행보 응원합니다. (xehostel.blogspot.com) 아니, 뭐 출산률이 왜 떨어지는 눈에 뻔히 보이구만, 삽질이나 하고 있고. 돈 줄테니까 애 낳아라? 누구 머리에서 나온 생각인가? 사람의 욕심이 얼마나 끝이 없는데, 돈 준다고 낳겠는가? 왜? 아주 그냥 씨받이 제도 하나 만들지? 이런 것을 풍자하든지... 2. 패널이 말이 너무 많다. 컨셉이 패널을 초대해서 진행하는 것이기는 하지만, 이 부분은 솔직히 skip하고 본다. 평소에도 봐 왔던 사람들인데, 굳이 주저리 주저리 이야기 하는게... 알고 싶지도 않고. 남이 애를 낳든, 남이 애가 금쪽이든, 정자 기증으
무선 미라캐스트 끊김 현상을 극복하기 위해서는
윈도우에서는 widi 안드로이드에서는 미라캐스트 그 이외 장치에서는 dlna 부르는 명칭도 다양하고 방법도 다양하지만 결국 이들은 wifi를 주로 기반으로 한다. 출처 : https://aldkzm.tistory.com/473 tv나 스마트폰 그리고 동글(무선 스마트미러캐스트)의 성능도 중요하지만 이를 바꾸지 못 할 경우 사용 간 끊기는 현상을 완화하기 위해서는 다음과 같은 조치를 취하면 된다. 5GHz 주파수를 지원하는 동글을 사용한다. 2.4GHz라도 채널을 바꿔주면 혼선을 막을 수 있다. 블루투스는 기본 혼선이 될 만한 무선 통신을 off시키도록 한다. 라우터 같이 무선 환경을 제공하는 출력을 가까이하는 등으로 강화시킨다. 사실 전파는 어둡고 으스스한 밤에 더 멀리 그리고 강하게 작용한다. 등 등 위 사항 중 가장 간단한 방법이 혼선을 줄 수 있는 블루투스 같은 다른 무선통신을 끄는 것이다. 블루투스가 최신버전이라면 혼선을 주는 현상이 개선 되었겠지만 그렇지 않을 경우 적용 해 볼만한 방법이다.
tv 전원은 들어오는데 화면이 안 나올 때 대처방안
tv 공장모드에 들어 가 무언가를 만지다, 갑자기 화면이 꺼지더니 tv가 나오지 않는다. 무척 난감하다. 요즘 tv가격이야 원체 싸니 이참에 새로 장만하면 되지만, 그래도 돈이 나간다는 사실에 속이 쓰라린다.(아, 케비스톤!) 일반적으로 이때 공식 a/s 센터를 찾지만, 사실 그들에게 주어지는 것은 간단한 메뉴얼 그 이상 그 이하도 아니다. 심지어 그들은 해당 제품을 이용 해 본 적도 없으며 관심도 없다. 만약 님이 그들에게 공자모드 어쩌구 저쩌구 화면 안 나온다 하면 그들은 십중팔구 이렇게 말할 것이다. '패널 또는 보드가 고장 난 것 같다.' 세상에서 제일 간단한 수리방법은 부품을 교체하는 것이다. 특히 통짜로 교체하는 것이 수익에도 좋고 아무 고민 할 필요 없다.(그래서 대부분 보드 갈아야 한다고 답볍함) 여기다 tv 보드 나간 현상 中 일반적인 하나는 전원코드를 꽂았을 때 전원불빛만 주기적으로 빠르게 깜빡인다는 것이다. 이는 전원은 들어오지만 연결 할 장치를 못 찾겠다는 의미로 이 현상까지 발현한다면 얄팍한 tv에 대한 지식을 가진 사람들은 보드 고장으로 결론을 내린다. 하지만 보드 고장이 사실 나기가 어렵다. tv가 움직이는 것도 아니고 강한 외부충격이나 전시상품과 같이 오래 켜진 체 방치 되어야 하는데 스마트폰의 등장으로 이러한 경험을 하기가 어렵다. 즉, tv가 잘 나오다가 갑자기 꺼지며 화면이 나갔다는 것은 파워모듈에 이상이 있을 가능성이 높지 (처음부터 불량이 아니라면) 보드가 나가기 힘들다. 그런데 파워는 들어오는데 화면이 안 나온다? 이것은 다르게 접근 해 봐야 한다. 다른 외부입력은 없는가 이다. 윈도우 같은 운영체제도 그렇지만 일반적으로 제품에 프로그램을 설치하기 위해서는 외부에서 입력하게 되는데 이 때 별도의 루트를 지정하지 않으면 외부에서 입력한 정보를 다 받아들인다. 하지만 역시 이 프로그램도 어떠한 기준점이 있어 하드웨어와 맞지 않으면 그저 대기모드에 들어가게 된다. 이에 따라 우선 tv에 연결된 (기본적인 것
표절로 연재 중단 된 웹툰 대가리(无敌好学生) 이제는 어디서 봐야 할까?
작가 정종택 총편수 총 134화 무법지대 아랑공고에서 우주제일 '굿 스튜던트'를 꿈꾸는 김구의 가슴 뜨거운 액션활극 아직 제일 위 상단의 사이트에는 완결 표시가 뜨지 않았으니 재연재를 기대 해 본다. 그전에 해외에서 하던데... 직접 링크를 걸기는 좀 그렇고... https://www.google.com/search?q=%E5%8E%8C%E6%81%B6%E7%9A%84%E6%A0%85%E6%A0%8F&source=lmns&bih=937&biw=1920&client=ms-android-lge&hl=ko&ved=2ahUKEwj-zpiXlLroAhVNyIsBHRBRB6oQ_AUoAHoECAEQAA 여기서는 151화 연재하기는 하더라... Recent Posts Widget Your browser does not support JavaScript!
댓글
댓글 쓰기