Search code examples
jquerycssrotationcube

imagecube js cube rotation error

I have small issue with the imagecube jquery plugin. http://keith-wood.name/imageCube.html

I've gotten it to work just fine on the homepage with three UNLINKED images. When I put links around them, the upward rotation goes wonky. Anyone have any thoughts? Thanks in advance. Link to follow:

http://www.bigideaadv.com/a-z/

Solution

  • You could use the onclick attribute with window.location.href=">insert url here<" for each image with a css cursor: pointer; instead wrapping an anker-tag:

    html:

    <div id="image_carousel2">
    <img src="/a-z/./images/slide1_alt.jpg" width="960" height="353" onclick="window.location.href='/a-z/generic';" />
    <img src="/a-z/./images/slide2_alt.jpg" width="960" height="353" onclick="window.location.href='/a-z/about-a-and-z';" />
    <img src="/a-z/./images/slide3_alt.jpg" width="960" height="353" onclick="window.location.href='/a-z/operations';" />
</div>

    css:

    #image_carousel2 img {
    cursor: pointer;
}

    Also see this example.