Jquery 在slider中使用css类更改img不透明度

我是按照一个教程设计一个简单的滑块，我决定混合一些东西，我遇到了麻烦。滑块教程本应使用“平移到左右滑动”图像，但我希望使用不透明度值和堆栈图像的更改，这样我就不需要使用“平移”，也可能使用过渡来平滑不透明度更改时的效果。我用一个div完成了下面的工作，但是在使用相同的过程处理图像时遇到了问题。这就是我迄今为止所取得的成就：。转换应该在您单击图像1、图像2、图像3和图像4文本时发生。以下是所选图像的css

img_selected{
    z-index:+11;
    -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
    opacity: 1.0;
    -webkit-transition: opacity 2s ease;
    -moz-transition: opacity 2s ease;
    -o-transition: opacity 12s ease;
    transition: opacity 2s ease;
}

以下代码用于滑块内未选择的图像

.slider-photos img {
    position: absolute;
    width: 1000px;
    height: 500px;
    padding: 0;
    margin: 0;
    -webkit-opacity: 0.0;
    -moz-opacity: 0.0;
    opacity: 0.0;
    z-index:+10;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
}

---

图像的不透明度为0，因为在类被切换时，使用jquery激活类应该使它们可见。希望我是清楚的

这是一个具体的问题。所选img_的指定度低于。滑块照片img，因此后者的不透明度为“赢家”

您可以解决在选定属性中添加重要内容的问题：

.img_selected {
    z-index:+11;
    opacity: 1 !important;

我知道，这是一种不受欢迎的解决方法，但它是一种更快、更简单的方法。 更被接受的方法是设置一个更具体的选择器，如下所示

.slider-photos img.img_selected {
    opacity: 1;

---

非常感谢，这让我疯狂了好几天。提供了两个可行的答案：）谢谢。