2015-11-19 1 views
3

мне нужна форма с изображениями selectables, I've serched в гугле, и я стараюсь с опцией выбора, но это не работаетКак сделать выберите изображение в виде

Можете ли вы дать какие-либо идеи, чтобы решить эту проблему, пожалуйста?

Я использую бурбон & аккуратных (SASS)

enter image description here

ответ

3

Я сделал бы флажки в образа, см скрипка https://jsfiddle.net/0c26tqd7/1/

редактировать Я добавил красную границу на проверяемых флажках в сценарий

html

<input type="checkbox" name='thing1' id="thing1"/><label for="thing1"></label> 

CSS

input[type=checkbox] { 
    display:none; 
} 

input#thing1[type=checkbox] + label 
{ 
    background-image: url("http://lorempixel.com/50/50/"); 
    height: 50px; 
    width: 50px; 
    display:inline-block; 
    padding: 0 0 0 0px; 
} 
+1

+1 Великий ответ. Дополнительно, '$ ('# thing1'). Css ('background-image', 'url (image.ext)');' может помочь, установить изображение динамически –

+1

Также еще одно замечание: если OP хочет выбор по одному в один раз, изменение на переключатели с тем же именем –

Смежные вопросы