日期:2014-05-17  浏览次数:20632 次

这样的列表显示是怎么循环的呢
怎么没有上传图片功能的

这样不规则的图片循环怎么写代码? 



------解决方案--------------------
PHP code

<!doctype html>
<html>
<meta charset=utf-8>
<style>
.main_wrapper{width:900px;min-height:200px;margin:10px auto;overflow:hidden;}
.two_pictures{width:200px;float:left;margin-bottom:10px;padding:5px;margin:6px;}
.main_wrapper,.two_pictures,img{border:1px solid #ABC;}
.pic_1{height:150px;width:200px;}
.pic_2{height:100px;width:200px;}
<!--样式随便改-->
</style>
<body>
<div class="main_wrapper">
<?php
for($i=0;$i<8;++$i){
if(($i)%2==0){
$style1="pic_2";
$style2="pic_1";
}else{
$style1="pic_1";
$style2="pic_2";
}
$picArr = array(
"http://www.iimei.com/1/xunhuan.jpg",
"http://www.iimei.com/1/xunhuan.jpg"
);//把图片改为动态的,自已调整
echo '
    <div class="two_pictures">
    <img src="'.$picArr[0].'" class="'.$style1.'"/>
    <span>This is a test</span>
    <img src="'.$picArr[1].'" class="'.$style2.'"/>
    <span>This is a test</span>
    </div>
';
}
?>
    
</div>
</body>
</html>