Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要帮助在编码图像切换器导航时使用jquery在图像更改时更改小球吗_Javascript_Jquery_Css - Fatal编程技术网

Javascript 需要帮助在编码图像切换器导航时使用jquery在图像更改时更改小球吗

Javascript 需要帮助在编码图像切换器导航时使用jquery在图像更改时更改小球吗,javascript,jquery,css,Javascript,Jquery,Css,我有3个图像,每5秒切换一次。它们在我的索引页上按顺序排列。在这些图片下面,我设置了3个球体,在这些球体前后都有左右箭头,如下所示 我需要每次更改一个图像,每次更改描述一个选定球体的图像 此外,单击其中一个球体时,应选择相应的图像。 请帮助我是的,您现在正在尝试什么代码?这些类型的ui元素背后通常使用的思想是: 1.单击后,查找具有“当前”类的元素。 2.删除该类。 3.设置单击的项目,如果是箭头,则通过附加类“current”仅设置下一个或上一个项目 您可以考虑在单击时切换src attr

我有3个图像,每5秒切换一次。它们在我的索引页上按顺序排列。在这些图片下面,我设置了3个球体,在这些球体前后都有左右箭头,如下所示

我需要每次更改一个图像,每次更改描述一个选定球体的图像

<ØO>

此外,单击其中一个球体时,应选择相应的图像。
请帮助我

是的,您现在正在尝试什么代码?这些类型的ui元素背后通常使用的思想是: 1.单击后,查找具有“当前”类的元素。 2.删除该类。 3.设置单击的项目,如果是箭头,则通过附加类“current”仅设置下一个或上一个项目

您可以考虑在单击时切换src attr,或者只使用精灵,并将背景图像从无横栏调整为横栏等


这是一些首先尝试的一般想法。或者,把你的东西贴出来,我们再看看

到目前为止你有什么?您尝试过什么?这是我正在使用的代码:函数swapSphere{var$active=$'image.active';var$next=$'image.active'。next.length>0?$'image.active'。next:$'image img:first';$active.fadeout函数{$active.removeClass'active';$next.fadeIn.addClass'active';}