Anzeigen von Bildern auf einem ausgewählten Tag

-1

Ich habe ein Select-Tag mit verschachtelten Optionstags. Ich möchte damit Bilder anzeigen, die Bilder werden jedoch nicht angezeigt. Versteh ich nicht, wie das Select-Tag funktioniert?Anzeigen von Bildern auf einem ausgewählten Tag

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

Ich möchte die Bilder die image-picker so können sie

Quelle

2017-05-30 Lulutho Mgwali

Mögliche Duplikat von [Wie ein Bild in der Auswahlliste hinzufügen] (https://stackoverflow.com/questions/2965971/how-to-add-a-images-in-select-list) – Turnip

Sie können das nicht tun. Diese Frage wurde schon oft gestellt. Außerdem ist Ihr HTML nicht gültig. – Turnip

Ich möchte keine Dropdown-Liste mit Bildern erstellen. Ich möchte eine Galerie erstellen. So etwas wie dieses 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); }

Quelle

2017-05-30 22:13:40

-1

Die Dokumentation clearl wählbar sein verwenden, um y heißt es:

einfach die Attributdaten-img-src mit der URL des Bildes Sie als Vorschau verwenden möchten hinzufügen

Quelle

2017-05-30 22:44:30

Anzeigen von Bildern auf einem ausgewählten Tag

Antwort

Verwandte Themen