Flickr風スライドショーをJavaScriptã§å†ç¾ (1/5)
Webサイトã§å†™çœŸç”»åƒã‚’ã„ã‹ã«ç¾Žã—ãã€é…力的ã«è¦‹ã›ã‚‹ã‹â€•â€•ã€‚ãã†è€ƒãˆãŸã¨ãã«å‚考ã«ãªã‚‹ã®ãŒã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã—ã¦ã„るオンライン・フォトアルãƒãƒ ã§ã™ã€‚ä¸ã§ã‚‚ã€ä¸–ç•Œä¸ã®ãƒ–ãƒã‚¬ãƒ¼ãŒæ„›ç”¨ã™ã‚‹ã€ŒFlickr（フリッカー）ã€ã¯ã€æ€ã‚ãšãŸã‚æ¯ã‚’ã¤ãよã†ãªç¾Žã—ã„写真ãŒå¤§é‡ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„る代表的ãªã‚µãƒ¼ãƒ“スã§ã™ã€‚ FlickrãŒå¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ”¯æŒã•ã‚Œã¦ã„ã‚‹ç†ç”±ã¯ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ©Ÿèƒ½ã®å……実や外部利用ã®ã—ã‚„ã™ã•ãªã©ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ãŒã€1ã¤ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ï¼ˆUI）ã®ç¾Žã—ã•ã€ä½¿ã„å‹æ‰‹ã®ã‚ˆã•ãŒã‚ã’られã¾ã™ã€‚今回ã¯ã€ã“ã®Flickrã®UIã®ä¸€éƒ¨ã‚’å‚考ã«ã€è‡ªåˆ†ã®Webサイトをブラッシュアップã—ã¦ã¿ã¾ã—ょã†ã€‚ 今回ã®ãŠæ‰‹æœ¬ã‚µã‚¤ãƒˆï¼šã€ŽFlickr〠米ヤフーãŒé‹å–¶ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ»ãƒ•ã‚©ãƒˆã‚¢ãƒ«ãƒãƒ サービス。特ã«ä»–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒè‡ªç”±ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã¤ã‘ãŸã‚Šã€ã‚¿ã‚°ã‚’ã¤ã‘ã¦åˆ†é¡žã—ãŸã‚Šã§ãるコミュニティ機能やã€ä½¿ã„å‹æ‰‹ã®
Full Page Image Gallery with jQuery | Codrops
In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar […] In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically w
Slideshow 2! A javascript class for Mootools 1.2 to stream and animate the presentation of images on your website
Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage
Sliding Panel Photo Wall Gallery with jQuery | Codrops
Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. […] Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When cli
Supersized 2.0 Released – Now with Transitions & Controls « Build Internet
This is an outdated version! Supersized has been moved and updated to a more permanent home at the official Supersized project page. Check there for the latest release notes and features! Features of Supersized 2.0 – The Exciting Sequel Since the release of the original Supersized back in February, I have had a fair amount of time to gather feedback, read comments, and plan out what version two wo
jQueryプラグイン サンプル（画åƒç³»ï¼‰ï¼šskuare.net
JavaScriptライブラリã®jQueryã®ãƒ—ラグインを利用ã—ã¦å‡ºæ¥ã‚‹ã‚µãƒ³ãƒ—ルã§ã™ã€‚ jQueryã¯ã€John Resig ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚ŒãŸJavascriptライブラリã§ã€Ajaxã‚„DOMプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚³ãƒ¼ãƒ‰ã‚’「簡潔・簡å˜ã€ã«æ›¸ã‘ã¾ã™ã€‚ ã“ã“ã§ã¯ã€ç”»åƒé–¢é€£ã®jQueryプラグインを紹介ã—ã¦ã„ã¾ã™ã€‚ JSONファイルã‹ã‚‰ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’作æˆã™ã‚‹jQueryプラグイン「jsonslider〠JSONファイルã«ç”»åƒãƒ‘スãªã©ã®ãƒ‡ãƒ¼ã‚¿ãŒæ ¼ç´ã•ã‚Œã¦ã„ã‚‹å ´åˆã€å‡¦ç†ã‚’入れã¦ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«ã™ã‚‹ã®ã¯ãã‚Œãªã‚Šã®æ‰‹é–“ã§ã™ã€‚ jQueryプラグインã®dcdeiv/jsonslider · GitHubを利用ã™ã‚‹ã“ã¨ã§ãã®æ‰‹é–“ãŒå°‘ã—軽減ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 via：dcdeiv/jsonslider
Serie3 - Workshops
ABOUT The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self. Demonstration HOW TO USE It is very easy. First include the jQuery library then include the s3Slider javascript in the head of the page(s) where you want to use s3
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Super me inc. | works
{{#tags}}- {{label}}
{{/tags}}