30 Scripts For Galleries, Slideshows and Lightboxes — Smashing Magazine
Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery. However, to convey the message of presented data effectively, it’s important to offer it in an attractive and intuitive way. Furthermore, the presentation itself can make images more valuable and si
様々ãªLightBox風ダイアãƒã‚°ã‚’超簡å˜ã«ä½œã‚Œã‚‹JavaScriptライブラリ「Control.Modalã€:phpspot開発日誌
様々ãªLightBox風ダイアãƒã‚°ã‚’超簡å˜ã«ä½œã‚Œã‚‹JavaScriptライブラリ「Control.Modal〠2007å¹´03月29æ—¥- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々ãªLightBox風ダイアãƒã‚°ã‚’超簡å˜ã«ä½œã‚Œã‚‹JavaScriptライブラリ「Control.Modalã€ã€‚ LightBox ã¯ã€åŒã˜ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å†…ã§èƒŒæ™¯
jmblog.jp - Lightbox JS v2.0 shortcut keys add-on
[追記 2007-04-12] Lightbox 2 ㌠v2.03 ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¦ã€ã‚ーボードショートカットã®æ©Ÿèƒ½ãŒæ”¹å–„ã•ã‚Œã¾ã—ãŸã€‚å³ã‚«ãƒ¼ã‚½ãƒ«ã€å·¦ã‚«ãƒ¼ã‚½ãƒ«ã§ã®ç§»å‹•ãŒå¯èƒ½ã«ãªã‚Šã€Escã‚ーã§é–‰ã˜ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ã¨ã„ã†ã“ã¨ã§ã€ã“ã®ã‚¹ã‚¯ãƒªãƒ—トã¯ç„¡ç”¨ã®é•·ç‰©ã¨ç›¸æˆã‚Šã¾ã—ãŸãƒ»ãƒ»ãƒ» Lightbox JS v2.0 ã¨ã„ã†ç”»åƒã‚’ã‹ã£ã“よã表示ã•ã›ã‚‹æœ‰åãªã‚¹ã‚¯ãƒªãƒ—トãŒã‚ã‚Šã¾ã™ã€‚複数ã®ç”»åƒã‚’「Image Setã€ã¨ã—ã¦ç”¨æ„ã™ã‚‹ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒä½œæˆã•ã‚Œã€ã‚ーボードã§å‰å¾Œã«ç§»å‹•ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã™ãŒã€nã‚ーã¨pã‚ーã§ã—ã‹ç§»å‹•ã§ããªã„ã®ã§ã€ã‚ã¾ã‚Šæ„Ÿè¦šçš„ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ãã“ã§ã€ã‚«ãƒ¼ã‚½ãƒ«ã‚ーã§ã‚‚移動ã§ãるよã†ã«ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“リティをå‘上ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ Lightbox JS v2.0 shortcut keys add-on »sample 使ã„æ–¹ã¯ã‚«ãƒ³ã‚¿ãƒ³ã€‚Lig
超クールãªç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実ç¾ã™ã‚‹ãŸã‚ã®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
Litebox 1.0 ã® rel 属性を自動付与ã™ã‚‹
以å‰ã€ã‚¯ãƒ¼ãƒ«ã«ç”»åƒã‚’表示ã™ã‚‹ãƒ„ール Litebox 1.0 ã‚’ã”紹介ã—ã¾ã—ãŸã€‚ã“ã® Litebox ã‚’èµ·å‹•ã™ã‚‹ãŸã‚ã«ã¯ã€a è¦ç´ ã® rel 属性㫠"lightbox" を付与ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã„ã†æ¡ä»¶ãŒã‚ã‚Šã€ã“れを手動ã§ä»˜ä¸Žã™ã‚‹ã®ã¯çµæ§‹é¢å€’ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€Œè‡ªå‹•ä»˜ä¸Žã§ããªã„ã§ã—ょã†ã‹ã€ã¨ã„ã†ã”質å•ã‚’é ‚ãã¾ã—ãŸã€‚大変é…ããªã‚Šã¾ã—ãŸãŒã€rel 属性を自動付与ã™ã‚‹æ–¹æ³•ã‚’本エントリーã«ã¦ã”紹介致ã—ã¾ã™ã€‚ rel 属性を自動付与ã™ã‚‹ã«ã¯ã€Litebox 1.0 ã®ãƒ‘ッケージ内ã«ã‚ã‚‹ã€js/litebox-1.0.js ã‚’ä»»æ„ã®ã‚¨ãƒ‡ã‚£ã‚¿ã§é–‹ãã€130 行目辺り（リスト 1）ã«é’色ã®ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã—ã¾ã™ã€‚ リスト1　litebox-10.js 変更箇所 ： // loop through all anchor tags for (var i=0; i<anchors.length; i++){ v
Ajax - LITBox(Lightbox風ダイアãƒã‚°è¡¨ç¤ºãƒ©ã‚¤ãƒ–ラリ)ã®ä¸€æ©å…ˆè¡Œã使ã„方｜アークウェブã®ãƒ–ãƒã‚°
SEã®ç«¹æ‘ã§ã™ã€‚ Lightboxã¨ã„ã†ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’クリックã™ã‚‹ã¨åŒã˜ç”»é¢ä¸Šã§æ‹¡å¤§ç”»åƒã‚’表示ã§ãã‚‹JavaScriptã®ãƒ©ã‚¤ãƒ–ラリãŒã‚ã‚Šã¾ã™ã€‚Lightboxã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã®å…¬å¼ãƒšãƒ¼ã‚¸ã®ã»ã‹ã«ã€æ§˜ã€…ãªãƒ–ãƒã‚°ã«è©•ä¾¡ã‚„応用例ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã®ã§æ¤œç´¢ã—ã¦ã¿ã¦ãã ã•ã„。 Lightbox JS http://www.huddletogether.com/projects/lightbox/ åŒã˜ã‚ˆã†ã«ã€ãƒªãƒ³ã‚¯ã‚’クリックã™ã‚‹ã¨åŒä¸€ç”»é¢ä¸Šã§BOXãŒé–‹ãã€HTMLを表示ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリãŒã‚ã‚Šã¾ã™ã€‚ãã‚ŒãŒä»Šå›žå–り上ã’ã‚‹ LITBox ã§ã™ã€‚ Ryan J Lowe’s Dev Blog ? Blog Archive ? LITBox http://www.ryanjlowe.com/?p=9# ã“ã‚Œã¯ã€URLを与ãˆã‚‹ã¨éžåŒæœŸã§ãƒ‡ãƒ¼ã‚¿ã‚’å–ã£ã¦ãã¦ã€BOX内ã«è¡¨ç¤ºã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ãã®ä»–ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã«
ThickBox 3.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://youmos.com/news/flash_simpleviewer.html
http://youmos.com/news/lightboxflash.html
{{#tags}}- {{label}}
{{/tags}}