選択タグに画像を表示する

-1

入れ子のオプションタグを持つselectタグがあります。私は画像を表示するためにこれを使用したいが、画像は表示されない。選択タグの仕組みを理解していないのですか？選択タグに画像を表示する

<select multiple="multiple" class="image-picker masonry" id="image_picker" style="width: 10000px; height: 10000px;"> 
     <option class="masonryitem brick" img src="/Images/Image1.jpg" width="180" height="180" alt=""> 
     </option> 

     <option class="masonryitem brick" img src="/Images/Image2.jpg" width="180" height="270" alt="" > 
     </option> 
    </select>

は、私はそう、彼らは

出典

2017-05-30 Lulutho Mgwali

可能な重複として使用したい画像のURLを属性データ-IMG-SRCを追加します（ https://stackoverflow.com/questions/2965971/how-to-add-a-images-in-select-list） – Turnip

あなたはそうすることはできません。この質問はこれまで何度も聞かれました。また、あなたのHTMLは有効ではありません。 – Turnip

イメージ付きのドロップダウンリストを作成したくありません。私はギャラリーを作りたい。このような何かhttps://rvera.github.io/image-picker/ –

HTML

<select multiple="multiple" class="image-picker masonry" id="image_picker" style="width: 10000px; height: 10000px;"> 
     <option class="masonryitem brick" alt="">one 
     </option> 
     <option class="masonryitem brick" alt="" >two 
     </option> 
    </select>

CSS

select#image_picker option[value="one"] { background-image:url(/Images/Image1.jpg); } 
select#image_picker option[value="two"] { background-image:url(/Images/Image2.jpg); }

出典

2017-05-30 22:13:40

-1

ドキュメントclearl選択することができ、画像がimage-pickerを使用したいですyの状態：

は、単にあなたが[選択リストに画像を追加する方法]のプレビュー

出典

2017-05-30 22:44:30

選択タグに画像を表示する

答えて

関連する問題