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 😉
This can be achieved with CSS.
Look up resources named ‘CSS Sprite‘.
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.
- The topic ‘Button in Slider possible?’ is closed to new replies.