http://slidesjs.com/rel=“nofollow” j Query plugin and calls
jQuery.slides();
然而,这并不正确。 相反,这些图像只是被展示的(因为你期望没有花钱)。
为什么不开展这项工作,我如何能够做到这一点?
我把<代码>alert()放在以上和我的幻灯片(测试)发言后面,因此,有人正在打上某种 j。
Here is my markup:
<div class="slides">
<div class="slides_container">
<div>
<img src="Images/sample_banner.png" />
</div>
<div>
<img src="http://placehold.it/984x111" />
</div>
<div>
<img src="http://placehold.it/984x111/ff0000" />
</div>
</div>
</div>
<div class="left_arrow"><a href="#"><img src="Images/left_arrow.png" alt="left arrow control" /></a></div>
<div class="right_arrow"><a href="#"><img src="Images/right_arrow.png" alt="right arrow control" /></a></div>
Here is my CSS:
.banner
{
width:984px;
border-left:solid 7px #FFFFFF;
border-right: solid 7px #FFFFFF;
z-index:1;
position:relative;
}
.banner .slides
{
}
.banner .slides .slides_container {
width:984px;
height:111px;
}
.banner .slides .slides_container div
{
width:984px;
height:111px;
display:block;
}
.left_arrow
{
position:absolute;
z-index:2;
width:25px;
left:0px;
top:38px;
}
.right_arrow
{
position:absolute;
z-index:3;
width:25px;
left:960px;
top:38px;
}
这里是我的联合材料:
$(document).ready(function () {
$( .slides ).slides({
next: right_arrow
, prev: left_arrow
, pagination: false
});
});