使用图像旋转器显示/隐藏问题

我正在使用图像旋转器（使用jQuery环形交叉口）的网站上工作。我在jQuery的设置它，当你点击图片，它显示使用下面的代码与图像相关的某些内容：使用图像旋转器显示/隐藏问题

$('#brand-cou').click(function() { 
    $('#brand-details .detail-section').fadeOut(0); 
    $('#detail-country-squire').fadeIn("slow"); 
    return false; 
    });

其中＃品牌腠理包含图像的Li和＃detail-乡村乡绅是我想展示的部分。这很好，希望我也有一个下一个和一个以前的箭头，这是人们在图像旋转器周围移动的另一种方式。我最难得到正确的文本，以显示他们在使用这些控制旋转器周围进展的时间。这是我现在的代码：

$('a#next').click(function() { 
    if ('li'.id = 'brand-cou' && 'li'.hasClass('roundabout-in-focus') { 
     //Do what I need to do 
    } 
    });

当图像是前方图像时，它会自动接收“。焦点聚焦”类。我的想法是，我可以为每个特定图像使用一个if语句来说明它是否具有A的标识以及.roundabout-in-focus的类，然后显示A的特定文本。由于某种原因，这是行不通的。这也看起来相当长，因为对于每个图像，我都需要上面的所有代码，以及类似于下一节的前一个按钮部分。所以，从短期来看，我会喜欢一些帮助，弄清楚为什么我的if语句不起作用。如果有人感觉真的很慷慨，我会很乐意帮助人们关于如何压缩这些代码的想法。我觉得如果我可以说，如果一个li有这个特定的ID和一个环形交通聚焦类，然后显示这个文本（无论你点击图像还是点击下一个/上一个按钮）。我唯一的问题是如何编写它，而不将它链接到点击功能或其他的东西，这使得它包含所有三个选项。

感谢您的帮助！

来源

2010-09-02 Andrew

你可以把HTML结构，以及更具体 – 2010-09-02 12:46:54

@JapanPro，当然。这里是html。这有帮助吗？：

<ul id="thumbs-brands"> 
    <li id="brand-qua"><a href="#"><img src="../assets/brand-quality-care.png"></a></li> 
    <li id="brand-pro"><a href="#"><img src="../assets/brand-propet.png"></a></li> 
    <li id="brand-cou"><a href="#"><img src="../assets/brand-country-squire.png"></a></li> 
    <li id="brand-big"><a href="#"><img src="../assets/brand-big-red.png"></a></li> 
    <li id="brand-lil"><a href="#"><img src="../assets/brand-lil-red.png"></a></li> 
    <li id="brand-joy"><a href="#"><img src="../assets/brand-joy.png"></a></li> 
    <li id="brand-joypro"><a href="#"><img src="../assets/brand-joy-professional.png"></a></li> 
    <li id="brand-sma"><a href="#"><img src="../assets/brand-small-animal.png"></a></li> 
</ul> <!-- end of thumbs-brands --> 

<div id="thumb-navigation"> 
    <a href="#" id="next">Next</a> 
    <a href="#" id="previous">Previous</a> 
</div>   

<div id="brand-details"> 
    <div id="detail-country-squire" class="detail-section"> 
      //Content Here 
    </div> <!-- end of .detail-body --> 
</div> <!-- end of detail-pro-pet -->

来源

2010-09-02 13:56:40

使用图像旋转器显示/隐藏问题

回答

相关问题