https://perchance.org/tz4t341n8c#edit In this test generator, in the center, I have a select form which is just a pose list put into options. I have a lot of them in my main generator, and I want to make them a little be more user friendly and interactive, also bypassing language barrier, so I want to add pictures into the options instead( or in addition to words). That’s what I did in the poseRadio list. I substituted radio label’s background with pictures using CSS styles. I’m planning to have a second list of picture urls for each list, or I could create an array of URLs in the html part. Ideally, it should look like a dropdown with a picture and then the list item name next to it. And when selected, only the item name is stored in the variable without the picture. I’m not sure how to do that yet. Need your help combining select and input radio in some way, thanks!

  • VioneT@lemmy.worldM
    link
    fedilink
    English
    arrow-up
    2
    ·
    17 days ago

    Here’s something I’ve cooked up: https://perchance.org/3on4b1h5qt

    It uses functions to reselect the value on the ‘select’ if the ‘image select’ is changed and vice-versa. I’ve also changed a little bit of the CSS for the image dropdown.

      • Danno@lemmy.world
        link
        fedilink
        English
        arrow-up
        2
        ·
        17 days ago

        Shoot, LOL. I’ve been following your progress since version 4.0 or something. I like the way you are thinking and the solutions you have come up with. I’ve forked version 4.6b (so I’m far behind now), trying to build some responsive design into your generator. Been meaning to contact you as soon I have something worth looking at. I’ma retired software engineer and wanted a fun challenge…