js通栏焦点图居中的解决办法,css样式设置不起作用,不知js里是否添加了宽度,图片始终不居中
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>有过度效果的jquery焦点图代码_懒人图库</title>
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link href="css/style-nivo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<a href=""><img src="images/index_hr_1.jpg" alt="" /></a>
<a href=""><img src="images/yun_1.jpg" alt="" /></a>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>有过度效果的jquery焦点图代码_懒人图库</title>
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link href="css/style-nivo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<a href=""><img src="images/index_hr_1.jpg" alt="" /></a>
<a href=""><img src="images/yun_1.jpg" alt="" /></a>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html> 展开
3个回答
展开全部
CSS 不吃的问题
你可以把页面全部加载进来以后 按
F12 -在HTML找到图片-右击加入属性-style-enter
这个时候那里会出来style=""
然后写style="text-align:center" 然后enter
如果图片位置 改变了你再改代码
-----要不写这个看看
$(document).ready(function() {
$('#slider').css("text-align","center");
});
你可以把页面全部加载进来以后 按
F12 -在HTML找到图片-右击加入属性-style-enter
这个时候那里会出来style=""
然后写style="text-align:center" 然后enter
如果图片位置 改变了你再改代码
-----要不写这个看看
$(document).ready(function() {
$('#slider').css("text-align","center");
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
如果 不可以的话 可 以把图片当背景 然后 图片居中 这很容易的
那个JS插件 应该 可以改的才对 写好的 只要改样式 就可以了吧 !!
那个JS插件 应该 可以改的才对 写好的 只要改样式 就可以了吧 !!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
能把你的样式也贴出来吗?
追问
空间不够大,传不上,怎么办
追答
楼主,给你一种我一般的解决方法,设置每张图片的容器的宽为100%;然后把图片用样式或者js设置为背景,然后设置背景的位置为center,图片容器里面的标签不用放内容,设置样式为“width:100%;height:100%;display:block;”这样就可以了,当你在屏幕小一些的电脑看时,也是可以居中的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询