ColorBox - ãƒãƒƒãƒ—アップ内を自由ã«è¨å®šã§ãã‚‹æ´»ã‹ã—ãŸjQuery
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
aè¦ç´ ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§åˆ¥çª“ã‚„å°åˆ·ã€ãƒšãƒ¼ã‚¸å†…アンカーã¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãªã©ã®æ©Ÿèƒ½ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jQuery A+ | コリス
HTML5ã§ã‚‚XHTMLã®ã©ã¡ã‚‰ã§ã‚‚validãªHTMLã§ã€aè¦ç´ ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ãƒªãƒ³ã‚¯ã‚’別窓ã§é–‹ã„ãŸã‚Šã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’表示ã—ãŸã‚Šã€é€šçŸ¥ãƒ‘ãƒãƒ«ã‚’表示ã—ãŸã‚Šã€ãƒšãƒ¼ã‚¸å†…アンカーã¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãŸã‚Šã€ãƒšãƒ¼ã‚¸ã®å°åˆ·ãƒœã‚¿ãƒ³ã¨ã—ã¦æ©Ÿèƒ½ã—ãŸã‚Šãªã©ã€aè¦ç´ ã«ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã‚’åŠ ãˆã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デモページ デモã§ã¯ã€aè¦ç´ をトリガーã¨ã™ã‚‹ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ãŒclassã§è¨å®šã§ãã¾ã™ã€‚対応ã—ã¦ã„る機能ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ リンクを別窓（タブ）ã§é–‹ã リンクを開ãå‰ã«ç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’表示 iframeを使ã£ãŸãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’表示 Ajaxを使ã£ãŸãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’表示 モーダルウインドウを表示 フレーム内ã«ãƒªãƒ³ã‚¯ã‚’表示 通知パãƒãƒ«ã‚’表示 å°åˆ·ã‚’表示 ページ内アンカーã¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ« スクãƒãƒ¼ãƒ«ã®ã‚¹ãƒ”ードè¨å®š スクãƒãƒ¼ãƒ«ã®ä½ç½®è¨å®š ※ãã‚Œãžã‚Œç´°ã‹
訪å•è€…ãŒè‡ªç”±ã«ãƒ†ãƒ¼ãƒžã‚’切替ã§ãã‚‹WPプラグイン｢Theme Switcherï½£ - ワードプレスã®ä½¿ã„æ–¹ï¼åˆå¿ƒè€…ã‚ã£ã¡ã‚ƒå…¥é–€ã‚¬ã‚¤ãƒ‰ã€ãƒã‚¤ãƒ‘ー】
WordPressã§ã€è¨ªå•è€…ãŒè‡ªç”±ã«ãƒ†ãƒ¼ãƒžã‚„テンプレートを切替ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ プラグインをã”紹介ã—ã¾ã™ã€‚ テンプレートã®åˆ‡æ›¿ãƒœã‚¿ãƒ³ã‚’サイドãƒãƒ¼ã«è¨ç½®ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã®ã§ã€ テンプレートギャラリーãªã©ã®ã‚µã‚¤ãƒˆã‚’ç°¡å˜ã«ä½œæˆã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ウイジェット対応ã§ã™ã®ã§ã€ã“ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã€ ç°¡å˜ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«è¨ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Theme Switcherã®ä½¿ç”¨æ–¹æ³• 1.Theme Switcherをインストールã—ã¾ã™ã€‚ Theme Switcherã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ã€é€šå¸¸ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³è¿½åŠ æ‰‹é †ã§å¤§ä¸ˆå¤«ã§ã™ã€‚ プラグインã‹ã‚‰æ¤œç´¢ã‚’è¡Œã„有効化ã—ã¦ãã ã•ã„。 2.ウイジェットã«ã€ŒTheme Switcherã€ãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ サイドãƒãƒ¼ã«æŒ¿å…¥ã—ã¾ã™ã€‚ 3.ã“ã‚Œã§ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«è¨ç½®ã•ã‚Œã¾ã™ã€‚ インストールã•ã‚Œã¦ã„るテンプレートã¯ã€å…¨éƒ¨è¡¨ç¤ºã•ã‚Œã¾ã™ã®ã§ã€ 表示ã•ã›ãŸããªã„テンプレートã¯å‰Šé™¤
Tumblrをブãƒã‚°ã¨ã—ã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹éš›ã«ä¾¿åˆ©ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆ/外部サービスã¾ã¨ã‚
ã“ã®ãƒ–ãƒã‚°ã¯Tumblrを若干カスタマイズã—ã¦ä½œã£ã¦ã„ã¾ã™ãŒã€ã›ã£ã‹ããªã®ã§ä»Šå›žã¯è‡ªåˆ†ãŒä½¿ã£ã¦ã„るウィジェットや外部サービスを紹介ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Tumblrをブãƒã‚°ã£ã½ã使ã£ã¦ã„る人ã®å‚考ã«ãªã‚Œã°ã€‚ タグクラウドを表示 Tumblrã§ã¯é€šå¸¸ã‚¿ã‚°ã‚’使ã£ã¦è¨˜äº‹ã‚’カテゴライズã—ã¾ã™ãŒã€ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ã®è¡¨ç¤ºã«ã¯Tumblr Tag Cloud WidgetãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ ã“ã®ãƒ–ãƒã‚°ã‚‚ã“れを使ã£ã¦ã€å³ã‚«ãƒ©ãƒ ã«ã‚·ãƒ³ãƒ—ルãªã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ï¼ˆã‚«ãƒ†ã‚´ãƒªä¸€è¦§ï¼‰ã‚’表示ã—ã¦ã„ã¾ã™ã€‚ã¡ãªã¿ã«ã€ä½µã›ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹Pretty Tag Cloud Generatorã ã¨ã€ã‚‚ã£ã¨å¤‰ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ãŒä½œã‚Œã‚‹ã‚ˆã†ã§ã™ã。 ※ Tumblrã®ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ã ã¨Tumblr Tag Cloudsã®æ–¹ãŒæœ‰åã‹ã‚‚知れãªã„ã§ã™ãŒã€ã“ã¡ã‚‰ã¯è¡¨ç¤ºã«ç•°å¸¸ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã®ã§ã‚¤ãƒžã‚¤ãƒã§ã™ã€‚ â–¶Tumblr Tag Cloud
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.favorite-labo.org/view/306?continue=1
{{#tags}}- {{label}}
{{/tags}}