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を使ã£ãŸãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’表示 モーダルウインドウを表示 フレーム内ã«ãƒªãƒ³ã‚¯ã‚’表示 通知パãƒãƒ«ã‚’表示 å°åˆ·ã‚’表示 ページ内アンカーã¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ« スクãƒãƒ¼ãƒ«ã®ã‚¹ãƒ”ードè¨å®š スクãƒãƒ¼ãƒ«ã®ä½ç½®è¨å®š ※ãã‚Œãžã‚Œç´°ã‹
jQueryã§é…延ãƒãƒ¼ãƒ‰ã‚’汎用的ã«å®Ÿç¾ã™ã‚‹ã€ŒScrollTriggerã€ãƒ—ラグイン
jQueryã§é…延ãƒãƒ¼ãƒ‰ï¼ˆé…延èªã¿è¾¼ã¿ï¼‰ã‚’汎用的ã«å®Ÿç¾ã™ã‚‹ã€ŒScrollTriggerã€ãƒ—ラグインを紹介ã—ã¾ã™ã€‚スクãƒãƒ¼ãƒ«ã§è¦ç´ ãŒè¡¨ç¤ºã•ã‚ŒãŸã¨ãã«ä»»æ„ã®é–¢æ•°ã‚’実行ã§ãã¾ã™ã€‚ 当ブãƒã‚°ã§ã‚‚ã€è¨˜äº‹ãƒšãƒ¼ã‚¸æœ¬æ–‡ä¸‹ã«ã‚るソーシャルブックマークボタンã¨Facebookã®LikeBoxã®è¡¨ç¤ºã«ã“ã®ä»•çµ„ã¿ã‚’使ã£ã¦ã„ã¾ã™ã€‚ １．目的 Facebookã®ã€Œã„ã„ãï¼ã€ãƒœã‚¿ãƒ³ãªã©ã€æœ€è¿‘ソーシャル系ã®ãƒ‘ーツをブãƒã‚°ãªã©ã«è¡¨ç¤ºã—ã¦ã„ã‚‹æ–¹ãŒå°‘ãªããªã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ãŒã€ãƒ‘ーツã®è¡¨ç¤ºã«ã¯JavaScriptを使ã£ã¦ã„ã‚‹ã‚‚ã®ãŒã»ã¨ã‚“ã©ã§ã€ãã®ã¾ã¾è¨ç½®ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸ã®ãƒãƒ¼ãƒ‰æ™‚é–“ãŒé…ããªã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šãã€çµæžœçš„ã«ãƒšãƒ¼ã‚¸è¡¨ç¤ºæ™‚é–“ã«å½±éŸ¿ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ 本プラグインã¯ã€ãã†ã„ã£ãŸã‚½ãƒ¼ã‚·ãƒ£ãƒ«ç³»ã®JavaScriptã®ãƒãƒ¼ãƒ‰ã‚’é…延ã•ã›ã‚‹ã“ã¨ãŒã§ãã€åˆå›žã®ãƒãƒ¼ãƒ‰æ™‚é–“ã‚’çŸç¸®ã—ãŸã„ã¨ãã«åŠ¹æžœãŒã‚ã‚Šã¾ã™ã€‚ ２．機能 ページをスクãƒãƒ¼ãƒ«ã—ã¦ã€
[JS]jQueryã®ãƒ—ラグイン33 1é¸ -2011å¹´10・11月 | コリス
紹介済ã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ラグイン34é¸ã§ã™ã€‚ FlexSlider シンプルãªãŒã‚‰é«˜æ€§èƒ½ã§ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ Slidorion ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¨ã‚¢ã‚³ãƒ¼ãƒ‡
汎用性ã®é«˜ã„ã€jQueryã®å®šç•ªç³»ãƒ—ラグインã®ã¾ã¨ã‚
å˜ä½“ã§ä½¿ã£ã¦ã‚‚ã„ã„ã—ã€ãれを使ã£ã¦æ›´ã«é¢ç™½ã„ã‚‚ã®ã‚’作りã ã™ã®ã«ã‚‚役立ã¤jQueryã®å®šç•ªç³»ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ã„ã¤ã‚‚リリースã•ã‚ŒãŸã°ã‹ã‚Šã®ãƒ—ラグインを紹介ã—ã¦ã„ã‚‹ã®ã§ã€ãŸã¾ã«ã¯å®šç•ªç³»ã§æ±Žç”¨çš„ãªã‚‚ã®ã‚’。
インラインã§ãã®å ´ã§Lightboxã§ãる「jQuery.popeyeã€:phpspot開発日誌
jQuery.popeye 2.0 | an inline lightbox alternative インラインã§ãã®å ´ã§Lightboxã§ãる「jQuery.popeyeã€ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—トãŒã‚ã‚‹ã¿ãŸã„ã§ã™ã€‚ ç”»é¢ã‚’グレーã«ã™ã‚‹ã“ã¨ãªããã®å ´ã§ç”»åƒã‚’é€ã‚Œã‚‹ã®ã§ã€åœ°å‘³ã§ã¯ã‚ã‚Šã¾ã™ãŒã“ã†ã„ã†ä½¿ã„方もã„ã„ãªã¨ã„ã†åŠ¹æžœã‚’得られã¾ã™ã€‚ å‹•ãã¨ã—ã¦ã¯è¨˜äº‹ä¸ã«ã‚ã‚‹ã€ä¸€è¦‹æ™®é€šã®ç”»åƒã€‚ カーソルをåˆã‚ã›ã‚‹ã¨ãƒŠãƒ“ゲーションãŒç¾ã‚Œã€ç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 微妙ã«ã€å†™çœŸã®ä¸‹ã«ã¯ã‚ャプションãŒè¡¨ç¤ºã•ã‚Œã€å†™çœŸã®èª¬æ˜ŽãŒè¦‹ã‚Œã¾ã™ã€‚ ã‚ã‚Šãã†ã§ã€ãªã‹ã£ãŸã§ã™ã。 関連エントリ 拡大ã®ä»•æ–¹ãŒã‚¯ãƒ¼ãƒ«ãªLightBox実装jQueryプラグイン「YoxView〠画åƒã‚„ページをLightBox風ã«è¡¨ç¤ºã§ãã‚‹Thickbox 表示法ãŒæ–°ã—ãセクシーãªLightBox「SexyLightBoxã€
jQueryã§Google Mapsã‚’ç°¡å˜ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ãƒ—ラグイン『Google Maps jQuery Plugin〠- IDEA*IDEA 〜 百å¼ç®¡ç†äººã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}