现在的位置: 首页 > 精彩分享 > 正文
点点网轻博客图片文章图片大小调用格式技巧说明
2012年10月30日 精彩分享 ⁄ 共 1110字 评论数 2 ⁄ 被围观 18 views+

点点网轻博客图片文章图片大小调用格式技巧说明。

为什么上传到点点网的图片调用出来变小了?这似乎是每个点点用户都会遭遇到问题,难道

就真的没法改变?一起来看看。


了解图片调用之前先了解下面的几个变量:

{$photo.250.src}  图片地址,图片最大宽度250px
{$photo.500.src}  图片地址,图片最大宽度500px
{$photo.800.src}  图片地址,图片最大宽度800px
{$photo.1280.src}  图片地址,图片最大宽度1280px
{$photo.square_100}   图片地址,宽高均为100px的方形图片
{$photo.square_250}   图片地址,宽高均为100px的方形图片

这六个变量就代表上传到点点网的图片被存储为了不同宽高格式的图片,并给每一种类型的

图片赋了一个地址,

比如上传了图片宽度为1000图片,则存储的最大宽度图片为800,500,250,正方形250,正方形100,五种格式,可以用任何一个上面这五种格式的函数调用它,1280

当然就不行了,因为上传的最高宽度才是1000吗!

如果上传宽度只有400,那就只能调用250,正方形100,和正方形250了……

下面一段代码通常是图片文章调用图片的关键部分:

{?post.photo}
<center>{?loop:photos}
<a href="{$post.url}"><img src="{$photo.800.src}" alt="{$photo.alt}"/></a>
{?$photo.description}
<div class="imgdesc">{$photo.description}</div>
{/$photo.description}
{/loop:photos}<br/>
</center>
{/post.photo}

最主要的是其中:

<a href="{$post.url}"><img  src="{$photo.800.src}" alt="{$photo.alt}"/></a>

src="{$photo.800.src}"就是文章调用图片大小的控制变量,改成你需要的这不简单……

还有一点,调用图片的大小一般要和文章页面格式布局相匹配的,如果页面大小格式限制为

800,调用1280也就没必要了……
不过你可以给调用出来的图片加个超链接,点击图片就可以打开大图欣赏了。

<a href="{$photo.1280.src}"><img  src="{$photo.800.src}" alt="{$photo.alt}"/></a>

留个疑问:

上传的图片大小为2000,如果能调用出大小为2000的原图?

官方参考页





无觅相关文章插件,快速提升流量