我在我的网页中使用了哇滑块。它工作正常。但我面临一个问题。
CSS 是
#wowslider-container1 {
zoom: 1;
position: relative;
max-width:960px;
margin:0 auto;
z-index:100;
border:none;
text-align:left; /* reset align=center */
}
#wowslider-container1 .ws_images{
position: relative;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
}
#wowslider-container1 .ws_images a{
width:100%;
display:block;
color:transparent;
}
#wowslider-container1 .ws_images img{
width:100%;
border:none 0;
max-width: none;
}
#wowslider-container1 a{
text-decoration: none;
outline: none;
border: none;
}
HTML 是:
<div id="wowslider-container1">
<div class="ws_images">
<ul>
<li><img src="images/amazing_sunset.jpg" alt="amazing sunset" title="amazing sunset amazing sunset amazing sunset amazing sunset" /></li>
<li><img src="images/apple_tree.jpg" alt="apple tree" title="apple tree"/></li>
<li><img src="images/beutiful_landscape.jpg" alt="beutiful landscape" title="beautiful landscape"/></li>
<li><img src="images/lightbox-btn-prev.gif" alt="nature" title="nature" width="63" height="32"/></li>
</ul>
</div>
<!-- Generated by WOWSlider.com v2.2 -->
</div>
如果客户想上传小尺寸的图像不重新调整大小。但是他上传大尺寸的图像被调整大小。他完全不想设置宽度和高度。请参考最后一个 li。图像大小为 63 * 62。但它会自动重新调整为 500px。请帮助我。
2
在 WowSlider 应用程序(付费版本)中,您可以选择设置滑块的高度和宽度(预设或自定义)。
您还可以选择保留图像的长宽比和 / 或拉伸小图像。单击扳手图标,单击图像,您将在右侧看到该选项。
一个注释 — — 你的客户有一个非常小的图像,如果它只有 63px x 62px。如果你把它拉伸到 960px 宽,它会被难以置信的扭曲和像素化。在这种情况下,我会要求客户提供更高质量的图像。
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(43条)