読者です 読者をやめる 読者になる 読者になる

【bootstrap】プルダウンに画像を表示するライブラリ

javascript jquery bootstrap

はじめに

今回やりたかったのは画像を選択するようなプルダウン。
検索してみたら、bootstrap-select.jsというのがありました。

http://thdoan.github.io/bootstrap-select/
こちらからDL

実装

使い方は簡単でjsを読み込んで以下みたいな感じで使える。
bootstrapなのでjqueryとbootstrap.jsらへんは必要かと思う

<script src="bootstrap-select.js"></script>
<select id="my-select">
  <option data-thumbnail="path/to/image.jpg"></option>
  <option data-thumbnail="path/to/image.gif"></option>
  <option data-thumbnail="path/to/image.png"></option>
</select>

<script>
  $("#my-select").selectpicker();
</script>

以上です