我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

图片含javascript代码,图片隐写js代码

图片文件中为什么会包含一段javascript脚本?

前面那两个script是GOOGLE的广告代码,后面两个是统计的代码。

创新互联是一家专业从事网站制作、成都做网站、网页设计的品牌网络公司。如今是成都地区具影响力的网站设计公司,作为专业的成都网站建设公司,创新互联依托强大的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站建设及网站设计开发服务!

你说带脚本的其实是个HTML文件,不是图片文件,真正的图片文件是0701062354147799.jpg这个。

访问你提供的那地址,脚本会跟着执行,显示了一次GOOGLE广告,并触发了那两个计数器。

img src=''

script type="text/javascript"!--

google_ad_client = "pub-0804630528012297";

google_ad_width = 728;

google_ad_height = 90;

google_ad_format = "728x90_as";

google_ad_type = "text_image";

//2006-12-05:

google_ad_channel = "7824471599";

google_color_border = "CDCDCD";

google_color_bg = "FFFFFF";

google_color_link = "4B4B4B";

google_color_text = "999999";

google_color_url = "0063DC";

//--/script

script type="text/javascript"

src=""

/script

br

brbr

script src=""/script

brbrbrbrbrbrbrbr

script language='JavaScript' charset='gb2312' type='text/javascript' src=';style=texttextcolor=black'/script

JavaScript代码实现图片循环滚动效果

1.概述

循环滚动图片,不仅可以增添Web页面的动态效果,而且可以节省页面空间,有效地保证在有限的页面中显示更多的图片。

2.技术要点

主要应用setTimeout()方法实现图片的循环滚动效果。setTimeout()方法的语法格式如下:

setTimeout(function,milliseconds,[arguments])

参数说明:

a.

function:要调用的JavaScript自定义函数名称。

b.

Milliseconds:设置超时时间(以毫秒为单位)。

功能:经过超时时间后,调用函数。此值可以用clearTimeout()函数清除。

3.具体实现

(1)在页面的合适位置添加一个id属性为demo的div标记,并在该标记中添加表格及要要滚动显示的图片。关键代码如下:

div

id="demo"

style="

overflow:

hidden;

width:

455px;

height:

166px;"

table

border="0"

cellspacing="0"

cellpadding="0"

tr

td

valign="top"

id="marquePic1"

!--

要循环滚动的图片

--

table

width="455"

border="0"

align="center"

cellpadding="0"

cellspacing="0"

tr

align="center"

%for(int

i=1;i8;i++){%

td

img

src="Images/%=i%.jpg"

width="118"

height="166"

border="1"

/td

%}%

/tr

/table

/td

td

id="marquePic2"

width="1"/td

/tr

/table

/div

(2)编写自定义的JavaScript函数move(),用于实现无间断的图片循环滚动效果。speed数值越大图片滚动的越快,具体代码如下:

script

language="javascript"

var

speed=30

;

//设置间隔时间

marquePic2.innerHTML=marquePic1.innerHTML;

var

demo=document.getElementById("demo");

//获取demo对象

function

Marquee(n){

//实现图片循环滚动的方法

if(marquePic1.offsetWidth-demo.scrollLeft=0){

demo.scrollLeft=0;

}

else{

demo.scrollLeft=demo.scrollLeft+n;

}

}

var

MyMar=setInterval("Marquee(5)",speed);

demo.onmouseover=function()

{

//停止滚动

clearInterval(MyMar);

}

demo.onmouseout=function()

{

//继续滚动

MyMar=setInterval("Marquee(5)",speed);

}

/script

以上所述是小编给大家介绍的JavaScript代码实现图片循环滚动效果的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

基于javascript代码实现通过点击图片显示原图片

废话不多说了,直接给大家贴js实现点击图片显示原图片的代码,具体代码如下所示:

function

DrawImage(ImgD){

var

image

=

new

Image();

image.src=ImgD.src;

var

width

=

$(ImgD).attr("width");

var

height

=

$(ImgD).attr("height");

if(width

100

height80){

ImgD.width=100;

ImgD.height=80;

ImgD.alt=image.width+"×"+image.height;

}else{

if(image.width0

image.height0){

flag=true;

if(image.width300

||

image.height200){

ImgD.width=image.width/2;

ImgD.height=image.height/2;

ImgD.alt=image.width+"×"+image.height;

}else{

ImgD.width=image.width;

ImgD.height=image.height;

ImgD.alt=image.width+"×"+image.height;

}

}

}

}

下面分享一段关于js实现上传图片及时预览

!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

""

html

xmlns=""

head

meta

http-equiv="Content-Type"

content="text/html;

charset=utf-8"

/

title图片上传本地预览/title

style

type="text/css"

#preview{width:260px;height:190px;border:1px

solid

#000;overflow:hidden;}

#imghead

{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}

/style

script

type="text/javascript"

//图片上传预览

IE是用了滤镜。

function

previewImage(file)

{

var

MAXWIDTH

=

260;

var

MAXHEIGHT

=

180;

var

div

=

document.getElementById('preview');

if

(file.files

file.files[0])

{

div.innerHTML

='img

id=imghead';

var

img

=

document.getElementById('imghead');

img.onload

=

function(){

var

rect

=

clacImgZoomParam(MAXWIDTH,

MAXHEIGHT,

img.offsetWidth,

img.offsetHeight);

img.width

=

rect.width;

img.height

=

rect.height;

//

img.style.marginLeft

=

rect.left+'px';

img.style.marginTop

=

rect.top+'px';

}

var

reader

=

new

FileReader();

reader.onload

=

function(evt){img.src

=

evt.target.result;}

reader.readAsDataURL(file.files[0]);

}

else

//兼容IE

{

var

sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';

file.select();

var

src

=

document.selection.createRange().text;

div.innerHTML

=

'img

id=imghead';

var

img

=

document.getElementById('imghead');

img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src

=

src;

var

rect

=

clacImgZoomParam(MAXWIDTH,

MAXHEIGHT,

img.offsetWidth,

img.offsetHeight);

status

=('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);

div.innerHTML

=

"div

id=divhead

style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'/div";

}

}

function

clacImgZoomParam(

maxWidth,

maxHeight,

width,

height

){

var

param

=

{top:0,

left:0,

width:width,

height:height};

if(

widthmaxWidth

||

heightmaxHeight

)

{

rateWidth

=

width

/

maxWidth;

rateHeight

=

height

/

maxHeight;

if(

rateWidth

rateHeight

)

{

param.width

=

maxWidth;

param.height

=

Math.round(height

/

rateWidth);

}else

{

param.width

=

Math.round(width

/

rateHeight);

param.height

=

maxHeight;

}

}

param.left

=

Math.round((maxWidth

-

param.width)

/

2);

param.top

=

Math.round((maxHeight

-

param.height)

/

2);

return

param;

}

/script

/head

body

div

id="preview"

img

id="imghead"

width=100

height=100

border=0

src='%=request.getContextPath()%/images/defaul.jpg'

/div

input

type="file"

onchange="previewImage(this)"

/

/body

/html

trs平台,上传模板时,包含在javascript代码里面的图片文件上传不了是怎么回事?

在TRS传页面时,如有同名,先选提示返回选项,如有同名存在,会出现上传模板失败, ... 从网页或者WORD文档复制的信息正文需清除格式后,再发布到操作平台上。 ... 7、当附件作为压缩文件上传时,一定使用.zip格式再进行上传才可以下载,若为.rar文件,任一后台均不能下载

高手帮忙改一下图片循环显示的javascript代码!急!

正确的代码如下,调试通过:

html

head

script language="javascript"

var imageList = new Array('iss1.jpg','2.jpg','3.jpg','4.jpg');

var imageNumber=0;

function slideShow() {

document.slideShow.src = imageList[imageNumber];

imageNumber++;

if(imageNumber==imageList.length) imageNumber=0;

window.setTimeout("slideShow()",3000);

}

/script

/head

body onLoad="slideShow()"

img name=slideShow

/body

/html

我修改了三个地方,一是在body里面增加img name=slideShow定义图片容器,二是对数组进行简化,三是取消了参数。

补充:

上面的一就是你错误的地方,二是改进,三也是改进。

实现自动图片轮换的javascript代码

方法一:图片轮换时利用revealTrans滤镜产生转换效果:

img src="face/face1.gif" id="turn" width="200"

style="filter:revealTrans(duration=1)"

script

var obj,first,total,cn,delay=2000

function window.onload(){

obj=document.getElementById("turn") //捕获ID为turn的对象

first=1 //第一张图片的路径信息

total=18 //最后一张图片的路径信息

cn=1 //当前显示的图片路径信息

setTimeout("change()",delay/2)

//delay/2毫秒后执行change()函数

}

function change(){

url="face/face" //图片路径的前部分

suffix=".gif" //图片的扩展名

if(cntotal) //如果当前图片数字小于最后一张的图片数字

url+=(cn+=1)+suffix //cn自增1,并连接字符串得到url

//否则如果当前图片数字等于最后一张的图片数字,即轮换到最后一张时

else if(cn==total)

//cn重调为first(第一张图片),并且连接字符串得到url

url+=(cn=first)+suffix

with(obj.filters.revealTrans){

apply() //捕获对象内容的初始显示,为转换做必要的准备

//revealTrans滤镜的转换效果,0到22为23种效果,

//23为23种效果的随机一种

transition=23

obj.src=url //设置图片的路径

play() //开始转换。

}

setTimeout("change()",delay)//delay毫秒后再次执行change()函数

}

/script

方法二:利用wipe滤镜进行左右擦洗式轮换

img src="face/face1.gif" id="turn" width="200"

style="filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=.5, wipeStyle=0, motion=’forward’)"

script

var obj,first,total,cn,delay=2000

function window.onload(){

obj=document.getElementById("turn")//捕获ID为turn的对象

first=1 //第一张图片的路径信息

total=18 //最后一张图片的路径信息

cn=1 //当前显示的图片路径信息

setTimeout("change()",delay/2)//delay/2毫秒后执行change()函数

}

function change(){

url="face/face" //图片路径的前部分

suffix=".gif" //图片的扩展名

if(cntotal) //如果当前图片数字小于最后一张的图片数字

url+=(cn+=1)+suffix //cn自增1,并连接字符串得到url

//否则如果当前图片数字等于最后一张的图片数字,即轮换到最后一张时

else if(cn==total)

//cn重调为first(第一张图片),并且连接字符串得到url

url+=(cn=first)+suffix

with(obj.filters[0]){

apply() //捕获对象内容的初始显示,为转换做必要的准备

duration=delay/1000//设置转换完成所用的时间为delay/1000秒

//用这个方法实现左右互换擦除的效果

motion={reverse:’forward’,forward:’reverse’}[motion]

obj.src=url //设置图片的路径

play() //开始转换。

}

setTimeout("change()",delay)//delay毫秒后再次执行change()函数

}

/script

注意:图片名必须带有数字规律,而且扩展名一致。

提示:方法二的左右擦洗轮换的详细实现过程主要是依靠自定义对象的简略式写法。假设motion的当前值为"reverse",则

motion={reverse:’forward’,forward:’reverse’}[motion]

相当于

motion={reverse:’forward’,forward:’reverse’}["reverse"]

motion="forward"

如果motion的当前值为"forward",则

motion={reverse:’forward’,forward:’reverse’}[motion]

相当于

motion={reverse:’forward’,forward:’reverse’}["forward"]

motion="reverse"

所以motion的值就在"reverse"和"forward"之间不断轮换

特别提示

方法一的代码运行后,face文件夹下的图片face1.gif到face18.gif将从第一张到最后一张每两秒轮换一次,并且每次轮换的转换效果是23种转换效果里的随机一种。方法二的代码运行后,除了转换的效果是左右轮换式的擦洗效果,其它情况同方法一。:

图片轮换的图片文件名通常是有规律的序列,比如说是从1到N,然后设置定时器,每隔一段时间换一张图片,图片文件名作为一个自加变量,在轮换完后再从头开始。另外在任意两张图片的轮换时还会有一些转换的过渡效果,这个主要依靠转换滤镜来实现。

或者看看这里:


分享名称:图片含javascript代码,图片隐写js代码
分享地址:http://mswzjz.cn/article/dsehjis.html

其他资讯