织梦怎么在图集文章内容页调用缩略图和原图

时间:2015-02-13 13:04 来源:DEDE58 点击:次

织梦 dedecms 图集内容详情页的模板文件为article_image.htm，我们打开这个文件找到以下这段代码：

             {dede:field name='imgurls' alt='图片输出区'}
                [field:pagestyle runphp='yes'] @me= (@me==3 ? '<li>' : '');[/field:pagestyle]
                <a href='[field:linkurl/]' [field:pagestyle runphp='yes'] @me= (@me==3 ? 'class="pic"' : ''); [/field:pagestyle]>
                  <img src='[field:imgsrc/]' id='bigimg' [field:imgwidth /] alt='[field:alttext /]' border='0' />
                </a>
                <a href='[field:linkurl/]' [field:pagestyle runphp='yes']@me = (@me==3 ? 'class="title"' : '');[/field:pagestyle]>
                	[field:title /]
                </a>
                [field:pagestyle runphp='yes'] @me = (@me==3 ? '</li>' : ''); [/field:pagestyle]
             {/dede:field}

这段标签调用的代码我们只要提取一部分即可，首先将{dede:field name='imgurls' alt='图片输出区'}标签提出来放在需要调用的模板位置，而这段代码下面那行[field:pagestyle runphp='yes'] @me= (@me==3 ? '

' : '');[/field:pagestyle]则可以不要！然后根据css样式进行调用，比如：

<ul>
 {dede:field name='imgurls' alt='图片输出区'}
  <li><img src='/dede/swfupload.php?dopost=ddimg&img=[field:imgsrc/]' title='[field:alttext/]' src='field:imgsrc/]' /></li>
  {/dede:field}
</ul>

其中：

/dede/swfupload.php?dopost=ddimg&img=[field:imgsrc/]

代表调用图集的缩略图。

[field:alttext /]

代表调用图集图片的注释。

[field:imgsrc/]

代表调用原图片地址，即原图片的绝对地址（大图）。

根据这个原理我们就可以做出各种幻灯片的形式，缩略图+大图的那种，而不会使图片失真模糊了。需要注意的是：在发布图集文章的时候要选择单页多图的选项才可以实现这个效果!

——————————————————————————————————————————

ps：不知道想到此方法的仁兄有没有考虑一个问题，
就是：
这样 /dede/swfupload.php?dopost=ddimg&img=[field:imgsrc/] 显示出来的缩略图只能站长在登陆了管理后台的前提下，站长本人才能看到，而其他访客看到的只是一个红叉的错误图片，不知道采用此方法的朋友有木有发现这个情况，慎用。

百度了N种方法，依然搞不定，不得已想了个折中的方法：
添加图集的时候采用多缩略图模式，文章页用 [field:imgsrc function='str_replace(".jpg","-lp.jpg",@me)/] 调用缩略图。因为本站采用的图片都是.jpg格式的，所以这个方法可行。 (责任编辑：admin)

网页特效代码_站长素材站移动版

DeDecms教程

织梦怎么在图集文章内容页调用缩略图和原图

时间:2015-02-13 13:04 来源:DEDE58 点击:次