Javascript Wordpress CSS悬停图像作为小部件？
我目前正在尝试为一个不太技术友好的人创建一个网站，网站规范的一部分是，首页上有8个图片，这些图片有一个滚动图片链接到相应的类别。现在我知道这在css或javascript中非常容易，但我希望客户端能够使用小部件功能重新排列这些图像的顺序，同时还能够替换图像，为其提供新链接并设置鼠标悬停图像，而无需触摸任何代码 到目前为止，我一直在尝试使用wordpress simple image插件（它提供了小部件和链接功能）以及小部件css类选择器，试图让客户机能够选择相关的类别类，该类别将在css中具有预设的滚动图像，但我不认为可以通过这种方式实现 有什么建议吗？Javascript Wordpress CSS悬停图像作为小部件？,javascript,jquery,html,css,wordpress,Javascript,Jquery,Html,Css,Wordpress,我目前正在尝试为一个不太技术友好的人创建一个网站，网站规范的一部分是，首页上有8个图片，这些图片有一个滚动图片链接到相应的类别。现在我知道这在css或javascript中非常容易，但我希望客户端能够使用小部件功能重新排列这些图像的顺序，同时还能够替换图像，为其提供新链接并设置鼠标悬停图像，而无需触摸任何代码 到目前为止，我一直在尝试使用wordpress simple image插件（它提供了小部件和链接功能）以及小部件css类选择器，试图让客户机能够选择相关的类别类，该类别将在css中具有预
据我所知，它可以通过简单的html/css来完成，无需使用任何插件，只需进行一些开发，并提供上传和更新带有相关链接的图像的功能。
As per i understand, It can be done by simple html/css no need to use any plugin just you have to do some development and give the functionality to upload and update images with related links.
make one simple Div structure and give display property in css to get hover effect.
just make one structure and make it into a loop so client can move it any where in given area.
Simple structure as below.
HTML:
<div class="img_block">
<img src="something.jpg" alt="" />
<div class="hover_block">
<a href="www.stackoverflow.com">
<img src="another.jpg" alt="" />
</a>
</div>
</div>
Css:
.img_block {}
.hover_block{display:none; position:absolute; left:0; top:0;}
.hover_block img{width:100%; height:100%;}/* If require */
.img_block:hover .hover_block{display:block;}
制作一个简单的Div结构，并在css中提供display属性以获得悬停效果。
只需制作一个结构并将其制作成一个循环，这样客户端就可以将其移动到给定区域的任何位置。
简单结构如下。
HTML:
Css:
.img_块{}
.hover_块{显示：无；位置：绝对；左侧：0；顶部：0；}
.hover_block img{宽度：100%；高度：100%；}/*如果需要*/
.img_block:hover.hover_block{display:block；}