dedecms首页调用缩略图<div class="image" style="background-image:url([field:picname])">

dedecms首页调用缩略图<div class="image" style="background-image:url([field:picname])">,第1张

1、登陆dede织梦cms网站后台。

2、如图所示,点击模板-全局标记。

3、如图,输入代码,调用链接和标题,并提交测试。{dede:arclist row="100000"}

<li>[field:fulltitle/]这里输入你的域名[field:arcurl/]</li><br>{/dede:arclist}。

4、程序运行完毕时就可以复制你想要的链接和标题了。

5、生成的链接记住检查是否是死链。

{dede:productimagelist}

                        <li><a href="[field:imgsrc/]" >

                            <img src="/plus/thumbphpdopost=ddimg&img=[field:imgsrc/]" alt="[field:text/]" class="image1"  />

                         </a>

                        </li>

{/dede:productimagelist}

上面用到的文件/plus/thumbphp代码如下

<php

require_once("/include/commonincphp");

require_once('/include/imagefuncphp');

if($dopost=='ddimg')

{

    //生成缩略图

    ob_start();

    if(!preg_match("/^(http:\/\/)([^\/]+)/i", $img)) $img = $cfg_basedir$img;

    ImageResizeNew($img, $cfg_ddimg_width, $cfg_ddimg_height, '', false);

    $imagevariable = ob_get_contents();

    ob_end_clean();

    header('Content-type: image/jpeg');

    header('Content-Length: 'strlen($imagevariable));

    echo $imagevariable;

    exit();

}

调用微缩图

<ul> {dede:arclist typeid='22' row='4' titlelen='20' orderby='id' imgwigth='60' imgheight='60' type='image' }

<li><img src="[field:litpic/]" width="114" height="100" /><br><a href='[field:arcurl/]'>[field:title/] </a>

</li>{/dede:arclist}</ul>

方法/步骤

先查找出缩略存放在网站空间里面的位置

1,一般默认的位置都是在根目录下面/image/defaultpicgif,默认的文件名师defaultpicdif。如果不在默认根目录下面的image文件夹里面的话,我们可以用审查工具查看下的位置。打开你网站显示缩略图的网页,右键点击审查工具,现在一般浏览器都带的有审查工具的,一般快捷键是F12。

2,动手制作一张,替换默认的

找到的路径和的大小以后,我们就需要制作一张,把内容换成我们自己网站的内容,然后把名称改为defaultpicgif,然后用FTP或者织梦自带的文件式管理器,然后把文件上传到/image目录下覆盖掉原来的就行了。

注意事项

1需要注意制作的大小要跟默认的保持一致,默认大小是125(宽)114(高)像素的

2要把替换的跟默认的名称保持一致

首页,样式你要自己写好

最简单的方法

写两个样式,一个是有图的样式A,一个是无图的样式B

然后做判断,有图的时候则调用样式A,无图的时候则调用样式B

大概就是这样的思路

样式也可以有图的时候在某个样式前加个的样式

实现的方法很多,思维发散一些

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » dedecms首页调用缩略图&lt;div class="image" style="background-image:url([field:picname])"&gt;

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情