块元素能做滑动门吗

Question

新人求解答感谢了，现在想做一个类似这样的滑动门，是一个一个的<div></div>来做滑动门的，为什么之前我直接对<img>元素做的有效果，现在对<div>却不行呢？

在CSS中是：

.album{
    width:390px;
    height:380px;
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    transition:opacity 1s;
}
div.albumchange{
    opacity:1;
}

在js中：

var find2Contents=document.getElementsByClassName("album");
current1=0;

function albumOn(){
    find2Contents[current1].className="albumchange";
}
function albumOff(){
    find2Contents[current1].className="";
}
function changeAlbum(){
    albumOff();
    current1++;
    if(current1>2){current1=0}
    albumOn();
}

var albumon=setInterval(changeAlbum,1000);

Answer 1

不太清楚lz所说的滑动门效果具体是怎么样，不过大概和tab切换类似？
这里的js代码中有一个问题是document.getElementsByClassName获取到的DOM节点数组其实是动态变化的，因为albumOff函数中将DOM节点的class清空导致的。
此外，最好还是把html部分贴上，或是尝试用fiddle等在线demo网站直接展示你的代码。

Answer 2

建议楼主可以给出一个demo，或者图片。否则都不知道

Answer 3

定滑轮实质是等臂杠杆，不省力也不费力，但可以改变作用力方向。
动滑轮实质是动力臂为阻力臂二倍的杠杆，省1/2力多费1倍距离。
建议使用定滑轮来做滑动门。
您说img可以实现你要的效果，那div应该也是能实现同样效果的，可能需要修改一些样式。