大佬们帮忙改一下获取到的三张图片依次插入到指定的<img src=" ">里面

	<div class="xxyd">
			
		<?php
			$post = post_read($_thread['firstpid']);
			$content =($post['message']);
			$message = strip_tags($content);
			$jianjie = mb_substr($message,0,100,'utf-8'); //这里截取字符串100个
			$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";
			$imgcount=preg_match_all($pattern,$content,$match);
			$imgs=array();
			for($i=0;$i<3;$i++){    //此处要调用几张将数字改成调用张数即可,默认2张
			    if(!empty($match[0][$i])){
			        $imgs[$i]=$match[1][$i];
			    }
			}?>	
			
		<p class="item-excerpt" style="margin-top: 20px;"><?php echo $jianjie ?>…</p>  
		
		<div class="xxyd1" style=" overflow: hidden; text-align: center ; margin: auto;">
			<?php if($imgcount >= 1 && $imgcount < 2 ) { ?>
				<?php foreach($imgs as $pic){?>
					<img src="<?php echo $pic ?>" style="width:48%; max-height:500px; display: inline-block;">
				<?php }?>
			<?php } ?>
		</div>
		
		<div class="xxyd2" style=" overflow: hidden; text-align: center ; margin: auto;">
			<?php if($imgcount >= 2 && $imgcount < 3) { ?>
				<?php foreach($imgs as $pic){?>
					<img src="<?php echo $pic ?>" style="width:48%; max-height:200px; display: inline-block;">
				<?php }?>
			<?php } ?>
		</div>
		
		<div class="xxyd3" style=" overflow: hidden; text-align: center ; margin: auto;">
			<?php if($imgcount >= 3 && $imgcount < 4 ) { ?>
				<?php foreach($imgs as $pic){?>
					<div class="" style=" width=500px" height="500px"><img src="<?php echo $pic ?>" style="width:100%; max-height:200px; display: inline-block;"><div>
                                       <div class="" style=" width=300px" height="500px">
                                         <img src="<?php echo  ?>" style="width:100%;height=50%;   display: inline-block;">
                                         <img src="<?php echo  ?>" style="width:100%; height="50%;   display: inline-block;">
                                       <div>
				<?php }?>
					
			<?php } ?>
		</div>
		
	</div>

匹配

 

输出

<img src="<?php echo  ?>" style="width:100%;height=50%;   display: inline-block;">

<?php echo $pic ?>直接输出三张图没法控制到指定的标签里

直接输出三张图 加上class=a-i就行,i取123 然后写上css

v2016
引用
直接输出三张图 加上class=a-i就行,i取123 然后写上css
v2016 直接输出三张图 加上class=a-i就行,i取123 然后写上css

有时间的话贴个示范代码谢谢

		<?php foreach($imgs as $pic){?>
					<div class="" style=" width=500px" height="500px"><img src="<?php echo $pic ?>" style="width:100%; max-height:200px; display: inline-block;"><div>
                                       <div class="" style=" width=300px" height="500px">
                                         <img src="<?php echo  ?>" style="width:100%;height=50%;   display: inline-block;">
                                         <img src="<?php echo  ?>" style="width:100%; height="50%;   display: inline-block;">
                                       <div>
				<?php }?>

这段代码不应该用foreach,循环的意思是每次读一张,每个循环都输出三张图明显不对。

应该这样:

<div class="" style=" width=500px" height="500px"><img src="<?php echo $imgs[0]; ?>" style="width:100%; max-height:200px; display: inline-block;"><div>
<div class="" style=" width=300px" height="500px">
<img src="<?php echo $imgs[1];  ?>" style="width:100%;height=50%;   display: inline-block;">
<img src="<?php echo $imgs[2]; ?>" style="width:100%; height="50%;   display: inline-block;">
<div>

直接从原数组里读取,$imgs[0]、$imgs[1]、$imgs[2]分别对应前三张图片。

C
引用
<?php foreach($imgs as $pic){?> <div class="" style=" width=500px" height="500px"><img src=...
C &lt;?php foreach($imgs as $pic){?&gt; &lt;div class="" style=" wi ...

好的我试试我想实现下面的样式

如果帖子只有一张图一个样式

如果帖子里有两张图一个样式

如果帖子里有三张图一个样式

类似这个样子?

听风飞雪
引用
C<?php foreach($imgs as $pic){?> <div class="" style=" wi ... 好的我试试我想实现下面的样式 如果帖子只有一张图一个样式 ...
听风飞雪 好的我试试我想实现下面的样式 如果帖子只有一张图一个样式 如果帖子里有两张图一个样式 如果帖子里有三张图一个样式 类似这个样子?

switch(count($imgs)){

case 1:

//一张图的样式代码

break;

case 2:

//两张图的样式代码

break;

case 3:

//三张图的样式代码

break;

defalut:

//没有图片或者其它情况

break;

}

前面三个还是蛮好实现的最后这个就不行了

话说楼主在做COS社区?有兴趣看看,可以私信下地址[em_37]

C
引用
话说楼主在做COS社区?有兴趣看看,可以私信下地址[em_37]
C 话说楼主在做COS社区?有兴趣看看,可以私信下地址[em_37]

想做个站,但是又没有好的思路,就是感觉他那个排版我比较喜欢

 

这新的主题又要诞生了

oliolo
引用
这新的主题又要诞生了
oliolo 这新的主题又要诞生了

我太难了代码全靠凑.只会复制粘贴[em_11]

1