欢迎您光临爱永设计官网!
电话图标 服务热线/微信:13436537174 QQ咨询:276583799

新闻资讯

news

wordpress详情内页实现图片li循环调用

发表日期:2012-08-15 文章作者:爱永设计  浏览次数:15215 次

<?php
//从文章中搜索图片并获取图片
$SoImages  = ‘~<img [^\>]*\ />~’;
preg_match_all($SoImages,$post->post_content,$Images);
$PictureAmount=count($Images[0]); //获取图片数量

//处理所有的图片
for($i=0;$i<$PictureAmount;$i++){
echo $Images[0][$i]  //处理图片,语句可以自定义,第一张图片为$Images[0][0];
}

//通过使用switch控制语句处理第一张图片,也可以使用if…else…elseif语句来实现,具体逻辑请自定义
switch($PictureAmount>0){
case 1:
echo $Images[0][0]; //输出第一张图片
break;
default:
$ImagesUrl=bloginfo(‘stylesheet_directory’).”/images/1.jpg”; //当文章无图片时默认输出的图片
}

/*获得文章中的图片链接路径的代码
*首先使用上面第一段的语句从文章搜索并获取图片
*然后通过运行正则表达式来分析图片代码,然后得到匹配的字符
*以下只列出其中的一种正则表达式代码,有兴趣的童鞋可以自己编写
*/

//获取一张图片,例如获取第一张图片$Images[0][0],其代码样例为:<img alt=”Google” title=”Google” id=”logo” src=”/intl/zh-CN/images/logo_cn.gif” width=”276″ height=”110″ border=”0″  />
$ImgUrl = $Images[0][0];
$SoImgAddress=”/\<img.*?src\=\”(.*?)\”[^>]*>/i”;  //正则表达式语句
preg_match($SoImgAddress,$ImgUrl,$imagesurl);  //分析
echo $imagesurl[1]; //得到并处理路径:/intl/zh-CN/images/logo_cn.gif
?>

下面是我几个月来弄来的一个实例:

<ul>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<?php
$szPostContent = $post->post_content;
$szSearchPattern = ‘~<img [^>]* />~’; // 搜索所有符合的图片
preg_match_all( $szSearchPattern, $szPostContent, $aPics );
$iNumberOfPics = count($aPics[0]); // 检查一下至少有一张图片

if ( $iNumberOfPics > 0 ) {
// 这里是你怎么处理图片的内容
for ( $i=0; $i < $iNumberOfPics ; $i++ ) {

$ImgUrl = $aPics[0][$i];
$SoImgAddress=”/\<img.*?src\=\”(.*?)\”[^>]*>/i”;  //正则表达式语句
preg_match($SoImgAddress,$ImgUrl,$imagesurl);  //分析

?>

<li>
<a href=”<?php echo $imagesurl[1]; ?>” >
<?php echo $aPics[0][$i]; ?>
</a>
</li>

<?php
}; //for end
}; //if end
endwhile;
endif;
?>
</ul>

<style>
.abc li{
width:200px;
height:200px;
float:left;
margin-right:20px;
margin-bottom:20px;
}
.abc li img{
width:200px;
height:200px;
}
</style>

 这里的CSS你可以自定义。出于爱永设计工作室!

将文章分享到..
相关资讯
最新主题模板
随机新闻
最新网站案例
  • 更多 +我们能做什么

    致力于互联网品牌建设与网络营销,专业领域包括网站建设、网站模板、移动互联网营销、wordpress平台开发等,服务范围涵盖基础的域名服务、主机 服务;企业邮箱、云服务器、网络营销等应用服务,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。

  • 更多 +网站模板优势

  • 更多 +关于爱永设计

    爱永设计工作室一直致力于品牌精美的网页设计、网页制作DIV+CSS布局、JS效果、精美网站模板、标志设计、专业仿站, 低廉的价格,真诚的服务,我们拥有全国各地的客户群体和各行业的成功案例。以一流的服务,出色的网页设计和制作能力,认真严谨的工作态度为客户提供优质满意的服务。期待与您的合作!

Copyright © 2012 - 2024 aysheji.com All Rights Reserved 爱永设计 版权所有
邮箱:aysheji@163.com 在线客服:276583799 模板演示地址:www.aymoban.com 备案号:京ICP备13060102号-3
服务内容: 网页设计 网站建设 网站制作 网站模板 婚庆网站模板 摄影网站 手机网站制作 自适应网站制作