Ik ben op zoek naar een mogelijkheid om een formulier te maken wat eigenlijk alleen bestaat uit plaatjes.

Ik heb al even gezocht maar kom niet met de juiste zoekresultaten.

De plaatjes presenteren de keuze (broek 1, broek 2, broek 3, shirt 1 etc.)
vervolgens kleur etc

precies zoals hier goo.gl/YPjU7

Ik gebruik trouwens wordpress voor deze website. ik weet niet of hier een plugin voor is anders?

bedankt

http://ryanfait.com/resources/custom...radio-buttons/

Bereid je voor op veel debuggen, maar die optie werkt goed. Ook gebruikt voor me eind-examen met tijdsdruk, dus dat zegt wel wat.

De class "styled" zou je dan een

Code:

display: block; width: 300px; height: 300px; background-image: url('[x]');

mee kunnen geven. Dan moet het wel aardig werken.

Kom je er nog niet uit, post hier dan even zodat we verder kunnen helpen.


Groeten,
Arno Tenkink

Origineel gepost door Arno Tenkink

http://ryanfait.com/resources/custom...radio-buttons/

Bereid je voor op veel debuggen, maar die optie werkt goed. Ook gebruikt voor me eind-examen met tijdsdruk, dus dat zegt wel wat.

De class "styled" zou je dan een

Code:

display: block; width: 300px; height: 300px; background-image: url('[x]');

mee kunnen geven. Dan moet het wel aardig werken.

Kom je er nog niet uit, post hier dan even zodat we verder kunnen helpen.


Groeten,
Arno Tenkink

Bedankt voor je berichtje!

Moet ik voor elk item een aparte class aanmaken zoals ik het zie? (als het niet anders is dan moet dat maar haha)

Moet ik voor elk item een aparte class aanmaken zoals ik het zie? (als het niet anders is dan moet dat maar haha)

Ja dat moet, behalve als ze dezelfde eigenschappen hebben.

Dat is wel de meest simpele manier. Je zou trucjes kunnen uithalen met Jquery, maar dat leed bespaar ik je.

Je kan bijvoorbeeld wel:

CSS:

Code:

/* SHIRTBOX */
.shirt { width: 300px; height: 300px; border: 1px solid #CCC; background-color: #FFF;}

/* SIZES */

.small {background-image: url('xxxx.xx/xxx/small.jpg');}
.med {background-image: url('xxxx.xx/xxx/med.jpg');}
etc. etc.

HTML:

Code:

<input type="checkbox" class="shirt small" />

Is al behoorlijk wat minder typwerk en overzichtelijk.

Origineel gepost door Michael van G

Bedankt voor je berichtje!

Moet ik voor elk item een aparte class aanmaken zoals ik het zie? (als het niet anders is dan moet dat maar haha)