ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
jQueryを使ã£ãŸã€ã‚¯ãƒ¼ãƒ«ãªå†™çœŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作るãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリ『galleria〠| IDEA*IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
éžå¸¸ã«ç¾Žã—ã„coverflowスライドギャラリー『ImageFlowã€
éžå¸¸ã«ç¾Žã—ã„coverflowスライドギャラリー『ImageFlow〠ImageFlowã¯PHPã¨JavaScriptã§ä½œã‚‰ã‚Œã¦ã„ã‚‹éžå¸¸ã«ç¾Žã—ã„coverflowスライドギャラリーã§ã™ã€‚ è¨ç½®æ–¹æ³• é…布サイトより関連ファイルをダウンãƒãƒ¼ãƒ‰ã—ã€ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ã—ã¾ã™ã€‚ スライドギャラリーを利用ã—ãŸã„ページã®headè¦ç´ 内ã§ã€Žscreen.cssã€ã¨ã€Žimageflow.jsã€ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <link rel="stylesheet" title="Standard" href="screen.css" type="text/css" media="screen" /> <script language="JavaScript" type="text/javascript" src="imageflow.js"></script> スライドを利用ã—ãŸã„箇所ã«ä»¥ä¸‹ã®HTMLコードを記述ã—ã¾
Flashを使ã£ãŸé«˜æ©Ÿèƒ½ã§è¦‹æ „ãˆã®ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒè¨ç½®ã§ãる「WS-Slideshow〠- GIGAZINE
本体ã¨ãªã‚‹ã€Œws-slideshow.swfã€ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯ã‚ãšã‹70KBã‚ã¾ã‚Šã€ã‚ーボードã«ã‚ˆã‚‹ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚„フルスクリーンモードã€ã•ã‚‰ã«ã¯ä¸€è¦§è¡¨ç¤ºã‚„サムãƒã‚¤ãƒ«è¡¨ç¤ºãªã©ã‚‚å¯èƒ½ãªFlashã§ä½œã‚‰ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã€ã•ã¾ã–ã¾ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚利用ã¯å€‹äººç”¨é€”ã‚„éžå•†ç”¨ç”¨é€”ã§ã¯ç„¡æ–™ã§ã™ã€‚ ã©ã‚“ãªæ„Ÿã˜ãªã®ã‹ã¨ã„ã†è©³ç´°ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ WS-Slideshow - Free Flash based slideshow for everyone. http://www.ws-slideshow.com/ ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ WS-Slideshow - Downloads http://www.ws-slideshow.com/downloads.php ã„ã‚ã„ã‚ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã«ã¤ã„ã¦ã¯ä»¥ä¸‹ã«ã‚µãƒ³ãƒ—ル付ãã§ã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ã‹ãªã‚Šè¦ªåˆ‡ã€‚ WS-Slideshow - Pi
ã€ãƒã‚¦ãƒ„ー】ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹slideViewer - ç”»åƒã‚’スライド表示ã§ãã‚‹jQueryプラグイン (1) slideViewerã¨ã¯? | パソコン | マイコミジャーナル
slideViewerã¯ã€Ajaxライブラリ「jQueryã€ã®ãƒ—ラグインã¨ã—ã¦æ©Ÿèƒ½ã™ã‚‹ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ slideViewerã¯ã‚µãƒ ãƒãƒ¼ãƒ«ç”»åƒãŒä¸è¦ã§ã€è¡¨ç¤ºã™ã‚‹ç”»åƒã®ç•ªå·ãŒè‡ªå‹•ç”Ÿæˆã•ã‚Œã¾ã™ã€‚æžšæ•°ãŒã‚„や多ã„ç”»åƒã‚’表示ã™ã‚‹ã‚ˆã†ãªå ´åˆã«ä¾¿åˆ©ã§ã™ã€‚ 本稿ã§ç´¹ä»‹ã™ã‚‹slideViewerサンプルã®1ã¤ã€‚ç”»åƒã®ä¸‹ã«ã‚る番å·ã‚’クリックã™ã‚‹ã¨ç”»åƒãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ slideViewerã¯<ul><li>ã‚¿ã‚°ã«è¡¨ç¤ºã™ã‚‹ç”»åƒã‚’列記ã™ã‚‹ã ã‘ã§ã™ã®ã§éžå¸¸ã«æ‰‹è»½ã«ä½¿ãˆã¾ã™ã€‚ãã®éš›ã«ã€<ul><li>ã‚¿ã‚°ã«ã¯IDåやクラスåã‚’æ–°ãŸã«å‰²ã‚Šå½“ã¦ã‚‹ã“ã¨ã‚‚ã—ã¾ã›ã‚“ã®ã§ã€æ—¢å˜ã®(X)HTMLタグ構æˆã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹ã®ã‚‚利点ã®1ã¤ã§ã™ã€‚ã¾ãŸã€slideViewerã§ã¯ãƒšãƒ¼ã‚¸å†…ã«ã‚る複数ã®é ˜åŸŸã‚’スライド表示ã§ãã¾ã™ã€‚ 関連ファイルã®å…¥æ‰‹ slideViewerã¯ã€jQueryãªã©ã‚’å«ã‚ãŸå…¨ã¦ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’一括å–
ã“ã‚Œã¯ã‹ã£ã“ã„ã„ãžãƒ»ãƒ»ãƒ»ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«æ¿€ã—ã使ãˆã‚‹jQuery用プラグイン『jQuery Cycle Plugin〠| i d e a * i d e a
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
自動ã§ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå¯èƒ½ãªLightBox風ライブラリ「splash.image.jsã€:phpspot開発日誌
自動ã§ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå¯èƒ½ãªLightBox風ライブラリ「splash.image.js〠2007å¹´06月07æ—¥- Du cde chez Xuan - Ressources / Javascript / Splash (image plein ・ran et diaporama) 自動ã§ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå¯èƒ½ãªLightBox風ライブラリ「splash.image.js〠画åƒã‚’クリックã™ã‚‹ã¨ãã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å†…ã§ç”»åƒã‚’表示ã§ãã‚‹LightBoxã§ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒå¯èƒ½ãªãƒ©ã‚¤ãƒ–ラリãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ å³ä¸‹ã«ã‚ã‚‹ã€ã€Œæ¬¡ã¸ã€ã€Œå‰ã¸ã€ãƒœã‚¿ãƒ³ã«ã‚ˆã£ã¦ç”»åƒãŒé€ã‚Œã‚‹ã ã‘ã§ãªãã€ã¾ã‚“ãªã‹ã®ã€Œå†ç”Ÿã€ãƒœã‚¿ãƒ³ã§è‡ªå‹•å†ç”ŸãŒå¯èƒ½ã§ã™ã€‚ 実装もLightBoxåŒæ§˜ã«ã€å¿…è¦ãªãƒ©ã‚¤ãƒ–ラリã¨CSSã‚’èªã¿è¾¼ã‚“ã 後ã€ã‚¢ãƒ³ã‚«ãƒ¼ã‚¿ã‚°ã® rel 属性ã«ã‚°ãƒ«ãƒ¼ãƒ—è¨å®šã‚’書ãã ã‘ã§ã™ã€‚ <!-- å¿…è¦ãƒ©ã‚¤ãƒ–ラリã®èªã¿è¾¼ã¿ --
Lightbox.js ã®ã‚ˆã†ãªå†™çœŸã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
超クールãªç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実ç¾ã™ã‚‹ãŸã‚ã®JavaScriptライブラリ「FrogJSã€:phpspot開発日誌
Programming and Designing for the Web FrogJS Javascript Gallery FrogJS is a simple, unobtrusive javascript gallery. It is not a replacement for other thumbnail galleries such as Lightbox JS, but rather a different way of showing galleries. 超クールãªç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実ç¾ã™ã‚‹ãŸã‚ã®JavaScriptライブラリ「FrogJSã€ã€‚ 以下ã®ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’見るã¨åˆ†ã‹ã‚Šã¾ã™ãŒã€ä»Šã¾ã§ã«ãªã„超クールãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã§ãã¾ã™ã€‚ 実装方法ã¯ã€ã¾ãšã‚¹ã‚¯ãƒªãƒ—トをèªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="scripts/p
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://youmos.com/news/lightview
{{#tags}}- {{label}}
{{/tags}}