[转载]如何打造人见人爱的影像博客？（2）

[转载]如何打造人见人爱的影像博客？（2）

几种常用的图片滚动方式及代码详细罗列于此，供大家借鉴。

原文地址：如何打造人见人爱的影像博客？（2）作者：老枪

１、长接片的滚动显示代码：

很多摄影爱好者喜欢拍摄风光，当遇到宽阔的场景时，往往都会留下一组接片。

鉴于网络的发片局限，如果按比例缩小，则几乎无法看见细节部分。有的朋友甚至把图片竖起来发。

而最好的解决方法莫过于滚动播放。

以下就是这种方式的代码，有兴趣的朋友可以一试。

<marquee scrollamount=2 scrolldelay=0 behavior=alternate width=650 height=显示高度><img height=图片高 src="图片地址" width=图片宽 border=0></marquee>

 

===================================================================

许多朋友问老枪关于滚动图片的问题，我也曾撰文发于大摄会的内部论坛里。

但圈子以外的朋友就无法阅读了，鉴于日渐增多的提问，

老枪将几种常用的图片滚动方式及代码详细罗列于此，供大家借鉴。

有问题请到“大摄会论坛”发话，老枪和其他的朋友们会帮助您解决。

===================================================================

 

２、带超级链接的多图滚动显示代码：

由于新浪会对图片进行自动压缩，因此许多好片无法显示正常，这对图片博客而言实在是种折磨。

关于如何发大图，我在上一篇文字中有详细说明。但也有局限性，因为大图打开的速度显然要慢一些，

尤其对一些不懂如何压缩图片的朋友而言，更是伤透脑筋。

这种滚动显示的方法，本质上和大家现在发图的情形一样。

只需要将下面的第一行和最后一行拷贝到您的博文的第一行和最后一行即可。

<marquee onmouseover="this.stop();" scrollamount="2" direction="left" onmouseout="this.start();"> <a href="链接地址" target=_blank><img src="图片地址" border="0"></a> <a href="链接地址" target=_blank><img src="图片地址" border="0"></a> </marquee>

注：如果要增加一幅图，则多加一行即可：

<a href="链接地址" target=_blank><img src="图片地址" border="0"></a>

 

 ===================================================================

 

3、多图任意方向滚动显示代码：

这种方法比较适合于专题图片，逐幅显示。速度和方向均可调节。

但有一点需要提醒，网络资源有限，大家发图不要太多，还是那句话，每篇帖子最好不要超过8幅。

<div align=center> <marquee scrollamount=2 scrolldelay=1 direction=up width=图片宽 height=图片高> <img src="图片一地址"> <img src="图片二地址"> <img src="图片三地址"> <img src="图片四地址"> <img src="图片五地址"> <img src="图片六地址"> <img src="图片七地址"> <img src="图片八地址"> </marquee> </div>

注：如果要增加一幅图，则多加一行即可：

<img src="图片Ｎ地址">

 

===================================================================

 

代码使用说明：
1、点发表博文，而后勾选“显示原代码”（重要！）；

2、根据需要选择以上任一代码，并将其拷贝至自己的发表博文的对话框；

3、根据所发布的图片尺寸进行设置，把代码中的彩色部分更改成您要发布的尺寸；

4、scrollamount=1 滚动速度值，数值越大滚动越快。

5、direction为方向设置，up=上、down=下、left=左、right=右，可按需设置。

6、width = 图片宽度，height = 图片高度，单幅图片的宽度。