正在生成3D影像...
    
    

        
        
        
        
        
        
        
        
    
    

        
        
        
        
        
        
        
        
    
    

        
        
        
        
        
        
        
        
    
    

        
选材料
        

            
                鞋面
            
            

            小牛皮
            

                
                
            
        

    

    
    






----------
shoes.css    
* {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

#imageContainerF img,
#imageContainerS img ,#imageContainerT img {
    position: absolute;
    left: 120px;
    bottom: 20px;
    cursor: pointer;
    z-index: 1
}

#imageContainerF img.active {
    z-index: 999;
}

#imageContainerS img.active {
    z-index: 999;
}

#imageContainerT img.active {
    z-index: 999;
}

#rig {
    border-top: 2px solid #b768a5;
    border-right: 1px solid #d5cdda;
    border-left: 1px solid #d5cdda;
    border-bottom: 1px solid #d5cdda;
    width: 360px;
    height: 450px;
    position: absolute;
    left: 900px;
    bottom: 70px;
    cursor: pointer;
}

#rig p {
    color: #b768a5;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    cursor: pointer;
}

#rig select {
    width: 240px;
    height: 35px;
    margin-top: 10px;
    cursor: pointer;
}

#rig span {
    line-height: 26px;
    color: #666;
    border: 0px;
    font-size: 12px;
    line-height: 46px;
    cursor: pointer;
}

.rig-img {
    cursor: pointer;
}

#textCon {
    position: absolute;
    bottom: 300px;
    left: 590px;
    z-index: 9999;
}


----------
shoes.js
 var imageObjectF = {
     clickSwapF: function(obj) {
         obj.click(function() {
             var activeImage = $(this).children("img.active");
             activeImage.removeClass("active");
             if (activeImage.next().length > 0) {
                 activeImage.next().addClass("active");
             } else {
                 $(this).children("img:first-child").addClass("active");
             }
             return false;
         })
     }
 };
 var imageObjectS = {
     clickSwapS: function(obj) {
         obj.click(function() {
             var activeImage = $(this).children("img.active");
             activeImage.removeClass("active");
             if (activeImage.next().length > 0) {
                 activeImage.next().addClass("active");
             } else {
                 $(this).children("img:first-child").addClass("active");
             }
             return false;
         })
     }
 };
 var imageObjectT = {
     clickSwapT: function(obj) {
         obj.click(function() {
             var activeImage = $(this).children("img.active");
             activeImage.removeClass("active");
             if (activeImage.next().length > 0) {
                 activeImage.next().addClass("active");
             } else {
                 $(this).children("img:first-child").addClass("active");
             }
             return false;
         });
     }
 };
 $(function() {
     imageObjectF.clickSwapF($('#imageContainerF'));
     imageObjectS.clickSwapS($('#imageContainerS'));
     imageObjectT.clickSwapT($('#imageContainerT'));
 


 });