2014년 3월 19일 수요일
2014년 3월 18일 화요일
영화 서비스에 대한 생각
영화 서비스에 대한 생각 from Tae Hoon Kim
언젠가 완성할 MovieDuk에 대한 생각.
ps. 개인적인 의견을 강조하기 위해 movie.naver와 watcha에서 조금 부족해 보이는 부분을 극대화 시킨 경우가 없잖아 있습니다.
ps2. 발표 자료내에 있는 모든 아이디어의 저작권은 저한테 있습니다만, 증명할 방법은 생각이 안나네요.
ps3. http://movieduk.herokuapp.com/
ps4. https://github.com/carpedm20/movieduk
ps5. https://github.com/carpedm20/movieduk2
ps3. http://movieduk.herokuapp.com/
ps4. https://github.com/carpedm20/movieduk
ps5. https://github.com/carpedm20/movieduk2
2014년 2월 21일 금요일
[Javascript] random-wall
random-wall
A jQuery plugin that randomly changes background-image of an element.
What is random-wall?
Parse a wallpaper webpage (http://www.reddit.com/r/wallpapers/) and get a url of randomly selected image. You can set delay_time
to change a background-image without a new page load. If not, random-wall
will only change a background-image only when a page is reloaded.
See a live demo here;
delay_time
to change a background-image without a new page load. If not, random-wall
will only change a background-image only when a page is reloaded.Installation
To use, download the minified library into your javascripts directory. jquery.random-wall.js is also available unminimized.
Usage
Include jQuery and random-wall into your HTML.
<script src="jquery.min.js"></script>
<script src="jquery.random-wall.min.js"></script>
You should have a div field to change a background-image.
<div id="random-wall" /> </div>
Now, attach the plugin to the text field.
<script>
$("#random-wall").randomwall({
delay_time: 0, // default: 0 miliseconds (optional)
});
</script>
or you can set your own image links.
<script>
$("#random-wall").randomwall({
image_list: ['http://i.imgur.com/CiAvVQL.jpg',
'http://i.imgur.com/qC5Nprs.jpg',
'http://i.imgur.com/fckzvp1.jpg',
'http://i.imgur.com/od4QZ8C.jpg'] // use only these images (optional)
});
</script>
<script src="jquery.min.js"></script>
<script src="jquery.random-wall.min.js"></script>
<div id="random-wall" /> </div>
<script>
$("#random-wall").randomwall({
delay_time: 0, // default: 0 miliseconds (optional)
});
</script>
<script>
$("#random-wall").randomwall({
image_list: ['http://i.imgur.com/CiAvVQL.jpg',
'http://i.imgur.com/qC5Nprs.jpg',
'http://i.imgur.com/fckzvp1.jpg',
'http://i.imgur.com/od4QZ8C.jpg'] // use only these images (optional)
});
</script>
Todo
- Add more image link sources (working on imgur).
Screenshot
Author
- Kim Tae Hoon, blog.
License
Copyright (c) 2014 Kim Tae Hoon
Licensed under the MIT License.
피드 구독하기:
글 (Atom)