早就想学着做大图,无奈我的每篇文章总是图片很多,不适合做大图。
我曾在马语着的文章里留言:大图好看,我嫌麻烦。。。
如今游记基本发完,也就有了试做大图的想法。之所以是试做,是知道和讯有很多朋友都会做大图,我不知道自己的操作步骤是否与朋友们的一致?但不管怎样也整出来了。发了几篇大图,就有朋友想学着做,我想了一下,还是把自己的不规范步骤写出来,希望喜欢大图的朋友都能把自己的图片做的更加漂亮。
可用大图的条件:
1.整篇文章插入图片的数量不多,本人感觉10张左右(因为博客有文章数字限制)
2.图片横向宽度最大值为680像素,不然显示不完全。(图片上传前缩放)
步骤:
1.上传要发表的图片
2.进入相册在单张浏览图片的页面下点击“查看原图”(按钮位置在图片的左下方
例如([查看原图 ] [url=javascript:GetSelectedCopied2()][ 复制本图地址,发给好友分享!][/url] 上传时间:2009-3-20 11:05 [删除]))
3.在原图上面右键选择“复制图像地址”,然后先粘贴到写字板上备用,因为每张图片都要用到代码,这样可以多次复制粘贴。
以上是发表图片前的准备工作,有了要发表的图片网址还不行,还要有自己的图片代码,就要进行下一步的操作。
4.进入文章发表页面,在“设计”模式下面通过正常的方法随便插入一张图片,接着切换到“代码”模式(“设计”,“代码”按钮都在编辑栏的左下角,切换后即可看到类似如下的代码:“XXX.photo.hexun.com/XXXXXXX.html" target=_blank>XXXXXXX">
”)
用我的图片举例:
tl999.photo.hexun.com/61350263_d.html" target=_blank>大图图片网址 ">
5.将“src="http://XXXXXXX"”两个双引号中间的网址替换为步骤3 中得到的地址
6.切换回“设计”模式调整整体效果。
7.每一张图片需要一个代码,发几张大图,就要将上述代码几次复制粘贴。
有了上面的步骤,我把自己平时操作顺序再啰嗦一下:
图片上传好----点击发表按钮----在代码状态下将保存在写字板上的代码复制到发表文章栏。发几张图就复制几次-----再去点击要发表的图片查看原图,将原图的图片网址插入到代码里-----点击设计按钮,图片显示出------点击发表即可
要说明的是如果想写文字,如果是第一次做最好先发表后再修改插入文字,这样不会出错哦。
真的很简单哦
|