웨일 브라우져의 랜덤이미지 생성기에 대하여 매우 궁금했습니다.

웨일 브라우져의 랜덤이미지 생성기에 대하여 매우 궁금했습니다.


최근 웨일 브라우져를 사용하면서 궁금한게 하나가 있었습니다.

그건 바로 브라우져를 처음 실행하거나 새로운 탭을 생성할 때마다 배경이미지가 랜덤하게 변경한다는 것이었습니다.


웨일에서 제공되는 랜덤이미지 생성기의 경우 라이선스 비용지불과 그에 따른 홍보조건으로 인해 개인의 경우 사용이 불가능하다는 것을 알게되었습니다.




배경이미지를 램덤하게 생성하는 스크립트들의 종류는 상당히 많지만

문제는 원하는 고화질의 이미지에 대하여 업로드 할 수 있는 용량의 제한에 걸려 이미지 몇 장 정도로 구현만 할수 있는 아쉬움이 있었습니다.


그래서 차용한 스크립트마샬님의 티스토리, 대표 이미지를 상단 글제목 배경이미지로 사용하는 방법이었습니다.


그런데 저의 똥손의 결과물로는 글의 내용을 출력하지 않는 카테고리의 상태에서는 이미지출력이 안되는 문제와 그 동안 사용하던 유튜브 영상으로 상단이미지를 대신 하였었습니다.



하지만, 

이제는 유튜브영상의 치명적인 오류(구글의 보안강화 정책)로 인하여 늦은 로딩 문제와 특정 브라우져에서 영상만 돌출되는 문제로 인해 개선책을 찾게 되었고 그 방법에 대하여 공유합니다.


참고 사이트 - 1280픽셀 이상의 고화질 이미지를 무상으로 제공.


https://source.unsplash.com ,   적용방법 예시 : https://source.unsplash.com/random

http://loremflickr.com ,   적용방법 예시 : http://loremflickr.com/1280/720

https://unsplash.it ,   적용방법 예시 : https://unsplash.it/1280/?random




사용방법은 매우 간단합니다.

CSS - background-image: url('https://source.unsplash.com/random'); 에 경로만 넣어주면 고화질 이미지가 랜덤하게 아래와 같이 출력됩니다.



여기서 살짝 재미있는 기능,  위 이미지 위치에서 마우스를 좌우로 움직이거나 공간에 클릭을 하면 이벤트가 발생합니다 ^;

묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것도 없었다

이미지 맵

도움/나눔을 실천한다 다른 글

이 글에 담긴 의견 6

*

*

    • 티스토리에 사진들을 올려두고 스크립트를 이용하시면 원하는 이미지들로 채울 수 있긴 합니다...ㅋㅋㅋ
      올려둔 이미지는 비디오와 다르게 https도 지원해서 자물쇠 풀릴 걱정도 없고요.

      그나저나 배너에 꽤 재밌는 기능을 추가하셨네요 ㅎㅎ

    • 소개한 것은 결국, 사진 올리고 경로 적용하고..., 이런 것들이 무척이나 귀찮잖아요 ㅋㅋㅋ
      그냥 주소 하나만 입력하면 알아서 해주니 얼마나 좋아요.

      토요일 얼굴보고 한 이야기중 예전에 관리자분이 말한 내용 ㅋㅋ
      클릭 몇번하면 알아서 되는거 아니야 ㅋㅋㅋ

      정말 귀찮아서요 ㅋㅋㅋ
      https://i.imgur.com/SwTb78G.png

    • 좀 귀찮긴 하죠 ㅋㅋㅋㅋ
      귀찮게 원하는 이미지를 올리느냐, 편하게 무작위 이미지를 올리느냐 결국 그 문제인 거죠 ㅋㅋㅋ

    • 이미지가 몇 천장쯤 되야 랜덤하게 돌리지요 ㅎㅎ
      100여장 가지고 예전에 돌려보니 ㅋㅋ
      바로 변덕이 죽을 끓여서리 ㅎㅏㅎ ㅏㅎ ㅏ

이전 글

다음 글

티스토리 툴바