You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ViewerDecember 9 Viewew is an awesome jQuery image viewing plugin for photo galleries. Created by Fengyuan Chen Download Home Example View more → video-extendDecember 7 Video Extend is a jQuery plugin to create advanced video controls like jump to and chapters to videos Created by andchir Download Home Example View more → Casino pagination-jsDecember 5 Pagination-js is a Casino ohne Steuer jQuery

jqueryドロワーメニューはDrawer Slide Menuがいいかも。facebookみたいな左スライドインメニューの作り方【デモあり】 Facebookのメニューみたいなドロワーメニュー（左スライドメニュー）をいくつか試したところ、Drawer Slide Menuがするする動いていいかもです。 PCでも動きます。 ※2015年3月追記 このDrawer Slide Menu はヘッダー固定と組み合わせると、動作がイマイチになることがあります。 ヘッダー固定したい場合は↓の記事のSlidebarsのほうがおすすめです。 >> ドロワー・スライドインメニューでヘッダー固定【デモあり】jquery Slidebarsが最強！drawer slidein menu こちらはDrawer Slide Menuのデモです。 サンプルページ ドロワーとは英語で引き出しという意味なんだそうです。

chromeとsafariを対象とする場合 if(!jQuery.support.checkOn){ alert('あなたがお使いのブラウザはChromeもしくはSafariっぽいです'); } if文の条件式の中で!をつけたので、checkOnがfalseであればこの条件文に該当します。該当するのはwebkitだけなので、これでchormeとsafariのみに振り分けたコードを記述できます。なお、Android標準ブラウザ、iPhone / iPad標準ブラウザといったスマートフォンも同じChromeとSafariなので、この条件に合致します。 FirefoxとOperaを対象とする場合 if(jQuery.support.checkOn && jQuery.support.noCloneEvent){ alert('あなたがお使いのブラウザはFirefoxもしくはOperaっぽいです'

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 少々気になった記事があったので備忘録。WordPressの投稿画面でカテゴリーを選択出来る部分があって、そこはチェックボックスになっています。当然複数選べるようになっているわけですが、仕様上、1つしか選べないようにしたい、という場合のTipsです。 少し前にWptuts+で「ラジオボタン化して1つしか選択できない様にする」という記事がありました。 (How to Use Radio Buttons With Taxonomies) おおーちょっといいかも、と思ったんですけど、若干面倒くさそうだったのでもう一つの選択肢としてjQueryの方法を書いておこうと思います。 実装 単純に1つしか選択できないようにすればいいならチェックボックスにチェック出来る数を制限すればい

ウェブサイトの更新と運用を複数人で行っている場面では、画像リンクが切れたimgタグを発見することがよくあります。 画像のリンク切れは、訪問者に対してサイトが不完全または不適切に見える原因となり得るため、これを解消する方法が求められます。 そこで今回は、jQueryの.error()メソッドを使用して、画像リンクが切れているimgタグを自動で削除する方法を詳しく解説します。 サンプルCSSの設定 まず、以下のCSSを参考にして、ページの基本的なデザインを設定します。もちろん、この設定は必要に応じてカスタマイズできます。 <style type="text/css" media="all"> <!-- body{ margin:0; padding:0; } h1{ text-align:center; font-size:18px; font-weight:bold; padding:10p

はっ！？内容とリード文があってない！？ ってことでいつのまにやら修正しておく。 背景色とか文字色とか、色関係をアニメーションさせようと思っても、 どうやらjQuery単体ではアニメーションできない。 なぜ！？ とまぁ、背景とか色関係をアニメーションで使いたいなと思ったので、 色関係を扱えるようにするプラグインを見つけたので、メモエントリーしておく。 jQueryだけだと背景色と文字色はアニメーションできない jQuery単体だけだと、背景色や文字色のアニメーションができないのです。 理由は下記の通りのようです。 数値型の値をとらない属性（backgroundColorなど）には、animate関数は対応していません。 animate - jQuery 1.2.6 日本語リファレンス つまり、アニメーションさせるには変化させるための数値が必要。 ところが色の値などはデフォルトの状態では数値化

ライブラリのダウンロードと設置 「ライブラリのダウンロード」をクリックしてダウンロードしてください。 ライブラリのダウンロード ダウンロードしたjquery.openwin.jsを任意の場所へ置き読み込みます。 （jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。） <script type="text/javascript" src="jquery.openwin.js"></script> 準備 JavaScript 設定したい要素などを指定し、実行します。 $(document).ready(function() { $('.openwin').openwin(); }); HTML 上記で設定した内容を割り当てます。 <a href="http://www.google.co.jp/" class="openwin">Google</a>

自社サイトに加えて、Facebookページも運用している方が増えています。サイトにFacebookページの情報をカスタマイズして埋め込む方法を紹介します。 LikeBoxの仕様 Facebookページを埋め込んでいるサイトも増えてきました。 LIkeBoxってやつですね。 facebook LIKEBOX生成ページ これでも十分なのですが、もっとオリジナルで実装したい！ってときがあります。 ・サイトのお知らせをFacebookのフィードを利用して表示したい ・TOPページにFacebookでアップした写真をランダムで表示したい など、facebookページを“お知らせ”として使っているケースも多いかと思います。 これをwebサイトと連携できると便利ですよね。 Facebookの対応ブラウザは Facebookはブラウザ対応がIE8以上なので、いいねボタン、likebox等はIE7以下だと崩

使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。 モーダルウィンドウ実装用のスクリプトです。jQueryに依存します。 使いやすそうなモーダルウィンドウです。 スタイルもカスタマイズしやすそう。 $('.modalLink').modal({ trigger: '.modalLink', olay:'div.overlay', modals:'div.modal', animationEffect: 'slidedown', animationSpeed: 400, moveModalSpeed: 'slow', background: '00c2ff', opacity: 0.8, openOnLoad: false, docClose: true, closeByE

jquery.deviantartmuroはWeb画像編集サービスのdeviantART muroを埋め込みサービスとして呼び出すjQueryプラグインです。 Webブラウザ上でできることは多岐に渡る訳ですが、ペイントですらWebベースで行う時代になっています。その高機能ペイントサービスとして知られるdeviantART muroを自分のWebサイトに埋め込んで使えるのがjquery.deviantartmuroです。 この画像を自由に編集できます。 もはや普通のペイントアプリです。 レイヤーにも対応。 エクスポートできます。 拡大も可能。 囲い込みでの範囲指定も。これがWebアプリケーションとはすごい時代になったものです。 jquery.deviantartmuroはペイントソフトウェアとしての機能を提供する訳ではなく、あくまでもdeviantART muroの機能を埋め込みで提供してい