0

我目前正在尝试为对技术不太友好的人创建一个网站，并且网站规范的一部分是首页上有 8 个图像，这些图像旨在具有链接到其相应类别的翻转图像。现在我知道这在 css 或 javascript 中会很容易，但我希望客户端能够使用小部件功能重新排列这些图像的顺序，同时还能够替换图像，给它一个新的链接并设置鼠标悬停图像而不触及任何代码。

到目前为止，我尝试使用 wordpress 简单图像插件（它提供小部件和链接功能）以及小部件 css 类选择器，试图使客户端能够选择具有预设翻转的相关类别类css 中的图像，但我认为它不能以这种方式完成。

有什么建议么？

4

1 回答 1

0 
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;}
于 2013-09-02T11:00:53.703 回答