在使用css的dreamweaver中，如何单击按钮然后图像将淡入？

Question

我仍然是Dreamweaver的新手，仍在努力学习新事物 我现在可以做一个悬停图像然后图像会淡入。
如下所示。

#home1 {  
    background-image:url(bestseller.jpg);  
    background-size:100%;  
    background-position:center;  
    background-attachment:fixed;  
    margin-top:84px;  
    background-color:#F9C;  
    width:98%;  
    height:500px;  
}  

#home1 {  
  -webkit-transition: all 0.5s ease;  
     -moz-transition: all 0.5s ease;  
       -o-transition: all 0.5s ease;  
      -ms-transition: all 0.5s ease;  
          transition: all 0.5s ease;  
}  

#home1:hover{  
    background-image:url(bg.jpg);  
}  

但事实是，＆＃34;：hover＆＃34;如果我想要点击＆＃34;点击＆＃34; ？
如果我想通过点击home1来淡化（例如home2）中的图像，我应该键入什么？

注意：不使用URL，因此它仍然在同一页面中。而且我还是新手，所以我不知道javascript和dreamweaver之间的任何关系。