在選定標記上顯示圖像

-1

我有一個嵌套選項標記的選擇標記。我想用它來顯示圖像，但圖像不顯示。我不理解選擇標記的工作原理嗎？在選定標記上顯示圖像

<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>

我想使圖像使用image-picker使他們能夠選擇

來源

2017-05-30 Lulutho Mgwali

的可能的複製[如何添加在選擇列表中的圖片]（ 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 Ÿ指出：

只需添加屬性數據IMG-SRC你想作爲預覽使用圖像的URL

來源

2017-05-30 22:44:30

在選定標記上顯示圖像

回答

相關問題