Button in Slider possible?

  • Hi,

    i am thinking about using WP for a new site, and i would need to use static slider image for each page; and i also want to have a button, inside the slider image, which inverts by clicking on it.

    I only want to be the button to be active and invert, not the image itself. I created those button images and also an image map.

    I read, that i could use the description field for HTML Code, so i gave this a try:

    <title="Test" usemap="#imgmap2012816125941" alt=""/>

<map id="imgmap2012816125941" name="imgmap2012816125941">
<area shape="rect" alt="" title="" coords="27,332,275,385" onmouseover="Map.src='https://www.example.com/wp-content/uploads/2012/08/button2.png';" onmouseout="Map.src='https://www.example.com/wp-content/uploads/2012/08//button.png';" href="contact/?keepThis=true&height=900&width=800" title="contact" class="thickbox" target="" />
</map>

    But it doesn’t work at all. I am a little bit stuck, perhaps someone could point me in the right direction, please? Of course it is not a problem, doing a plain HTML webpage, which could accomplish this, but i would like to do this in wordpress.

    Thanks for help, i am pretty sure it is something obvious, but i gave a lot of things a try, googling a lot, but not finding anything on this one.
    So, i’d really appreciate any idea ??

    Best
    trsat

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This can be achieved with CSS.
    Look up resources named ‘CSS Sprite‘.

    Thread Starter trsat

    (@trsat)

    Thanks, i did, but it doesn’t recognize the image of the Slider, and creating a new sprite using drag & drop wont work.

    Ah, just saw the problem:
    Background images, using data URl aren’t supported, so i will remove the link and try again ??

    Will keep you posted.

    Thanks again
    trsat

    Thread Starter trsat

    (@trsat)

    Ok, even if i remove the link on the slider image, it won’t be recognized from SpriteMe.

    Hmm. Any idea?

    Thanks

    trsat

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Button in Slider possible?’ is closed to new replies.