可以在判断点击是是否是包含photo_center类的标签,如果是包含,那肯定是点击中间图片,正常正反面切换。
如果不包含,你可以写个循环,把所有的photo中的photo-back类变成photo-front之后再去执行图片的重新排序
if(/photo_center/.test(cls)){ if(/photo-front/.test(cls)){ elem.className=cls.replace(/photo-front/,'photo-back'); g("#nav_"+index).className+=' i_back'; }else{ elem.className=cls.replace(/photo-back/,'photo-front'); g("#nav_"+index).className=g("#nav_"+index).className.replace(/i_back/,' '); } }else{ for(var i=0;i<data.length;i++){ g("#photo_"+i).className=cls.replace(/photo-back/,'photo-front');//全部更换 } paixu(index);//比如这是排序函数 }
可以不删啊 但是下面要加一个判断 如果本身样式中没有 photo_front 的话 要给它加上去 你旋转到背面的时候 样式表上是没有 photo_front 这个样式的
css样式里面 在 i:affter 里面加上 opacity: 0; 然后再 i_current:affter 里面加上 opacity: 1; 应该就可以了
描述的详细些
第一个是rotate3d,第二个是rotateY