3D单立方滑块效果

时间:2014-05-26 13:49:42

标签: jquery html 3d cube effect

我需要一些有关图像边缘的3D单立方滑块效果的帮助。我想将此效果实现到此滑块http://jsfiddle.net/hZ4yk/14/中。此效果将以立方体形状旋转图像。谢谢你的帮助。

        <div class="anyClass">

            <ul>
                <li><img src="http://dummyimage.com/365x500/000544/000000" alt="" width="365" height="500" ></li>
                <li><img src="http://dummyimage.com/365x500/555/000000" alt="" width="365" height="500" ></li>
                <li><img src="http://dummyimage.com/365x500/465400/0011ff" alt="" width="365" height="500" ></li>
                <li><img src="http://dummyimage.com/365x500/520700/00ffe1" alt="" width="365" height="500" ></li>
                <li><img src="http://dummyimage.com/365x500/245200/ff0000" alt="" width="365" height="500" ></li>
            </ul>
        </div>
                    </div>

    $(document).ready(function(){
    $(".anyClass").jCarouselLite({
    btnNext:".next",
    btnPrev:".prev",
    visible: 1,
    speed: 500
    });
    });


    .next
    {
    position: absolute;
    top: 10px;
    left: 290px; 
    width:64px;
    z-index:10;
    }

    .prev
    {
    position: absolute;
    top: 10px;
    left: 10px; 
    width:64px;
    z-index:10;
    }

    .linknext
    {
    cursor:pointer;
    }

    .linkprev
    {
    cursor:pointer;
    }

0 个答案:

没有答案