注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

YGGL 268的博客

老年生活质量 ——贵在心态

 
 
 

日志

 
 

图片移动的代码和操作  

2013-08-29 09:46:51|  分类: 学习园地 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

图片走马灯移动制作入门

漂漂

图片移动的代码和操作 - 春回大地 - YGGL 268的博客

 

  [示例]   以3张图片为例

    1. 准备好三张竖式图片,如宽(W1488像素,高( H )2240像素---分辨率( R )300

 

    2. 进入博客------点《写日志》-------点《插入图片》标示

 

图片走马灯移动代码制作方法 - 春回大地 - YGGL 268的博客

 

    见下图

 

图片走马灯移动代码制作方法 - 春回大地 - YGGL 268的博客

 

    3. 点《添加相片》-------在电脑中找到3张图片---------点电脑中的《打开》后,出现下图

 

图片走马灯移动代码制作方法 - 春回大地 - YGGL 268的博客

 

    4. 三张图片进来了------点《插入图片》-------3张图就进入了《日志》,在日志中生成图片的网络地址(见下图)

 

图片走马灯移动代码制作方法 - 春回大地 - YGGL 268的博客

 

 

    5. 点源代码标示“<>-----进入源代码编制器,就看到编制器中代码。将其中代码拷贝出来,经过整理,就可得到这3张图片的网络地址:

http://img0.ph.126.net/_t1MmGGmEmJeXBhnAg-kEg==/906067950131875335.jpg

http://img0.ph.126.net/n4sTSVCEeY0e20bBiQPulA==/6597986759355214035.jpg

http://img0.ph.126.net/Zj2dKeB2wffgN3bg2TYtWw==/3043588923272353293.jpg


 (以上步骤,是为了得到照片的网络地址                                   ——余巧成 注)

(这一步,恰恰是像我们这样没有代码基础的老人最无从下手的一步,在其他的交流资料中没有谁会这么

手把手的教!真是可遇不可求也。                                                                                                                                      ——管荻 注)


 

6. 将这3张图片的网络地址,填入如下代码中:

<CENTER>

<MARQUEE behavior=alternate width=750 height=900 align="center" scrolldely="1">

<TABLE borderColor=#cd0000 height=900 cellPadding=0 width=2020 border=0>

<TBODY>

<TR>

<TD width=670 height=446><IMG

src="1图片的网络地址"></TD>

<TD width=670 height=446><IMG

src="2图片的网络地址"></TD>

<TD width=670 height=446><IMG

src="3图片的网络地址"></TD>

</TR></TBODY></TABLE></MARQUEE></CENTER>

<CENTER>&nbsp;&nbsp; </CENTER>

 

7. 得到如下《图片走马灯移动代码》:

<CENTER>

<MARQUEE behavior=alternate width=750 height=900 align="center" scrollamount="1"crolldely="1">

<TABLE borderColor=#cd0000 height=900 cellPadding=0 width=2020 border=0>

<TBODY>

<TR>

<TD width=670 height=446><IMG

src="http://img0.ph.126.net/_t1MmGGmEmJeXBhnAg-kEg==/906067950131875335.jpg"></TD>

<TD width=670 height=446><IMG

src="http://img0.ph.126.net/n4sTSVCEeY0e20bBiQPulA==/6597986759355214035.jpg"></TD>

<TD width=670 height=446><IMG

src="http://img0.ph.126.net/Zj2dKeB2wffgN3bg2TYtWw==/3043588923272353293.jpg"></TD>

</TR></TBODY></TABLE></MARQUEE></CENTER>

<CENTER>&nbsp;&nbsp; </CENTER>

 

8. 将这《图片走马灯移动代码》,就制作完成了可左右移动的图片日志

9. 注意:以上是以3张图为例说明

       width=2020width=670的三倍关系,

      如果是10张图,则10x670=6700,就应该width>6700,width=6720

      以代码试行是否适合为准!

 10.效果:

 

 

图片移动的代码和操作(1) - 春回大地 - YGGL 268的博客 图片移动的代码和操作(1) - 春回大地 - YGGL 268的博客 图片移动的代码和操作(1) - 春回大地 - YGGL 268的博客
  
  
  
  评论这张
 
阅读(165)| 评论(9)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017