nicht angemeldet
<div class="img-selectbox">
<div style="background-image: url(pics/test/pic003.png)">
<label>pic003.png</label>
<button type="button"></button>
</div>Äh, du weißt schon, für was das label-Element gedacht ist?
Okay, so dumm war das gar nicht.
Ich würde ja auf »progressive enhancement« setzen, indem die ganze JavaScript-Funktionalität ausgelagert wird und automatisch hinzugefügt wird.
Ausgehen würde ich von solchem Code:
<ul class="widget-dropdown">
<li><label><input type="radio" name="image" value="001.jpg"> 001.jpg</label></li>
<li><label><input type="radio" name="image" value="002.jpg"> 002.jpg</label></li>
<li><label><input type="radio" name="image" value="003.jpg"> 003.jpg</label></li>
<!-- ... -->
</ul>
Das wäre zugänglich und man könnte es trotzdem gut mit JavaScript zu einem Widget umarbeiten. Das nur als generelle Anmerkung, ich nehme angesichts deines Codes einmal an, dass Zugänglichkeit und Trennung von JavaScript- und bloßer Formularlogik in dem Fall kein Thema.
Mathias