画像が選択できるセレクトボックス
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でそのまま画像のアドレスを囲むだけ！！
簡単ですし、画像が選択できるなんて、使い道がありそうですね。
