画像が選択できるセレクトボックス

IMAGESELECT

画像を選択できる、セレクトボックス。
そんなセレクトボックスが使える、ｊQueryのプラグイン。

デモ：http://www.sprouthead.com/sample/blog_test/page_jquery/20111007_select.html

使い方：

まずこちらでダウンロード。
http://www.liam-galvin.co.uk/imageselect/

jqueryとダウンロードした際入ってるCSS・jsを読み込んで、
head内にさらに

=js=</pre>
 <script type="text/javascript">

$(document).ready(function(){
 $('select[name=logo]').ImageSelect({dropdownWidth:”すきな大きさ”});
 });

</script>

を記述。

HTMLはこのように

=html=</pre>
 <select name="logo">
 <option value="1">../images/page_jquery/neco01.jpg</option>
 <option value="2">../images/page_jquery/neco02.jpg</option>
 <option value="3">../images/page_jquery/neco03.jpg</option>
 </select>

optionでそのまま画像のアドレスを囲むだけ！！
簡単ですし、画像が選択できるなんて、使い道がありそうですね。

Similar Posts:

• WordPressで簡単にLightboxを導入できるプラグイン Lightbox 2.0 for WordPress
• ソースコードをハイライト表示できるWordPressのプラグイン SyntaxHighlighter
• FlashDevelop 3.0.0 RC4 にアップグレード
• WordPress2.7の導入(11) WP-DB-Backupの設定
• WordPress2.7の導入(8) テーマwp.Vicuna Ext.の設定