如何使用Axure RP制作Banner图切换效果?

Question

如何使用Axure RP制作Banner图切换效果

Answer 1

不同的建站程序banner图片调用是不一样的。
要根据具体程序来进行调用，建议学习一下所用的程序的教程；
另一种方法是，找到banner图片，鼠标点击右键选择查看元素；
然后在源代码里面找到图片存放位置和图片名称；
然后通过发图片对图片进行替换。

Answer 2

你遇到的这个问题是因为你的header中有个图片<img>，<img>元素默认是内联元素，这涉及到行内格式化的相关知识。当图片尺寸较大，要撑开容器元素时，就会看到这个间隙。那么这个间隙是怎么来的呢？

简单地说，打个比方吧，就像字母abc，在一行文字中默认是按基线(baseline)来对齐的，字母与行的底端之间是有间隙的。这就是你的图片下面所见的间隙。

知道问题所在，解决方案就有了，比如可以让图片显示为块级元素

1	img { display: block; }

还可以让图片对齐于行底或垂直居中

1	img { vertical-align: bottom; }

1	img { vertical-align: middle; }

等等很多方式都可以消除你所见到的间隙，具体选用哪个，还要看你的布局需要。