您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 相册代码 >

    基于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> 
    基于ThreeJs的3D图片相册插件由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/xiangce/10363.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!