WordPress.org

Ready to get started?Download WordPress

Forums

Button in Slider possible? (4 posts)

  1. trsat
    Member
    Posted 1 year ago #

    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='http://www.example.com/wp-content/uploads/2012/08/button2.png';" onmouseout="Map.src='http://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

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. trsat
    Member
    Posted 1 year ago #

    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

  4. trsat
    Member
    Posted 1 year ago #

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

    Hmm. Any idea?

    Thanks

    trsat

Topic Closed

This topic has been closed to new replies.

About this Topic