当前位置:首页 > 网页特效 > 相册代码 >

基于ThreeJs的3D图片相册插件

时间:2014-10-13 08:26 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

基于ThreeJs的3D图片相册插件基于ThreeJs的3D图片相册插件,支持鼠标滚轮控制图片切换,仅兼容支持3D功能的浏览器,可以调整相册视角,支持循环轮播。jquery3D效果图片相册图片切换 所属专题:相册代码

<script type='text/javascript'>
$(function(){
    var box = $(".box").ig3js({
        manifest: [
            {src:"image1.jpg", id:"image1"},
            {src:"image2.jpg", id:"image2"},
            {src:"image3.jpg", id:"image3"},
            {src:"image4.jpg", id:"image4"},
            {src:"image5.jpg", id:"image5"},
            {src:"image6.jpg", id:"image6"},
            {src:"image7.jpg", id:"image7"}
        ],
        imagePath: 'images/',
        alphaBackground: true,
        onNavigateComplete: function(obj){
        }
    });
 
    $(".next").click(function(){
        box.navigate.next();
        return false;
    });
 
    $(".prev").click(function(){
        box.navigate.prev();
        return false;
    });
 
    $(".defP").click(function(){
        box.perspective.default();
        return false;
    });
 
    $(".trP").click(function(){
        box.perspective.topRight();
        return false;
    });
 
    $(".tlP").click(function(){
        box.perspective.topLeft();
        return false;
    });
 
    for(count=1; count<=7; count++){
        $(".goto").append('<a href="#" class="goto'+count+'" pos="'+(count-1)+'"> '+count+' </a>');
        $(".goto"+count).click(function(){
            box.navigate.goTo($(this).attr("pos"));
            return false;
        });
    }
 
});
</script> 
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

相册代码下载排行

最新文章