我是jQuery的新手,但在一些帮助下,我设法创建了一个脚本来切换图像,同时跟踪可用的图像数量以及最后一个或第一个图像是否处于活动状态,因此它将取消激活相应的按钮
$(document).ready(function() {
var imageNumber = 1;
var $images = $(".npc-image");
var changeImage = function(newImage) {
if (newImage < 1 || newImage > $images.length) return;
if (imageNumber != newImage) {
$images.eq(imageNumber-1).hide();
$images.eq(newImage-1).show();
imageNumber = newImage;
}
$("#arrow-previous button").toggleClass("active", imageNumber > 1);
$("#arrow-next button").toggleClass("active", imageNumber < $images.length);
};
$("#arrow-previous button").click(function() { changeImage(imageNumber-1); });
$("#arrow-next button").click(function() { changeImage(imageNumber+1); });
changeImage(1);
$("#npc-image-container").hover(function() {
$("#images-navigation").fadeToggle(400, function() {
});
});
});
这就是网上看法: http://www.tamriel-hero.de/typo3_grau_01/fileadmin/templates/_new/vorlage.html
我希望最后一个悬停功能仅在$ images多于一个时运行。我尝试了一些东西,但遗憾的是它没有成功。我确信这很简单,但是由于我对jQuerys语法没有太多了解,我想问你。
答案 0 :(得分:0)
$("#npc-image-container").hover(function() {
if($images.length > 0) {