如何将多张图片连成一个图片显示

uper 2003-08-23 10:51:52
如何将多张图片连成一个图片显
...全文
595 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
chers 2003-10-09
  • 打赏
  • 举报
回复
用框架结构,隔一段时间就自动刷新一次,然后跳转到下一页,这样就ok了!
shanxing 2003-10-09
  • 打赏
  • 举报
回复
用table把
lihua9666 2003-10-09
  • 打赏
  • 举报
回复
用table把
hover_online 2003-10-08
  • 打赏
  • 举报
回复
用的着这么麻烦吗?用DW做一个表格,表格的框为0,把几个图片放在一起不久成了!
yzwxjun 2003-10-08
  • 打赏
  • 举报
回复
<SCRIPT language=JavaScript>

var ver = 3
bVer = parseInt(navigator.appVersion);
if(bVer >= 4) ver = 4

var ns = navigator.appName == "Netscape";
var ie = navigator.appName == "MSIE";

var pix = 3;
var rate = 12;
var ImgWidth = 905;

var time = 1000/rate;
var again = - ImgWidth

function tick() {

if (ver ==3) return

if (ns){
document.Layer1.offset(-pix,0);

document.Layer2.offset(-pix,0);

if (document.Layer1.left <= again) document.Layer1.left = ImgWidth;

if (document.Layer2.left <= again) document.Layer2.left = ImgWidth;
}
else {
newpix = document.all["Layer1"].style.pixelLeft - pix;
newpix2 = document.all["Layer2"].style.pixelLeft - pix;

document.all["Layer1"].style.pixelLeft = newpix;

document.all["Layer2"].style.pixelLeft = newpix2;

if (document.all["Layer1"].style.pixelLeft <= again) document.all["Layer1"].style.pixelLeft = ImgWidth;

if (document.all["Layer2"].style.pixelLeft <= again) document.all["Layer2"].style.pixelLeft = ImgWidth;
}

setTimeout('tick()', time);
}

</SCRIPT>

<SCRIPT language=JavaScript><!--

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=80
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
</SCRIPT>

<META content="MSHTML 6.00.2800.1226" name=GENERATOR></HEAD>
<BODY bgColor=#000000 leftMargin=0 topMargin=0 onload=tick() marginright="0"
marginleft="0">
<DIV align=left>
<TABLE cellSpacing=0 cellPadding=0 columns="0">
<TBODY>
<TR>
<TD><SPAN id=Layer1
style="Z-INDEX: 2; LEFT: 0px; WIDTH: 905px; POSITION: absolute; TOP: 0px; HEIGHT: 80px">
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=4"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=永达丰田汽车销售服务中心 hspace=4 src="index_buick.gif"
width=173 border=0></A></TD>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=6"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=帕萨特 hspace=4 src="index_honda.gif"
width=173 border=0></A></TD>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=8"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=永达别克汽车销售服务中心 hspace=4 src="index_audi.gif"
width=173 border=0></A></TD>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=20"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=永达别克汽车销售服务中心 hspace=4
src="index_brilliance.gif" width=173 border=0></A></TD>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=10"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=永达本田汽车销售服务中心 hspace=4 src="index_bora.gif"
width=173 border=0></A></TD></TR></TBODY></TABLE></SPAN><SPAN id=Layer2
style="Z-INDEX: 1; LEFT: 908px; WIDTH: 905px; POSITION: absolute; TOP: -1px; HEIGHT: 80px">
<TABLE cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=18"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=永达奥迪汽车销售服务中心 hspace=4 src="index_nissa.gif"
width=173 border=0></A></TD>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=14"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=永达宝来汽车销售服务中心 hspace=4
src="index_toyota.gif" width=173 border=0></A></TD>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=16"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=永达菲亚特汽车销售服务中心 hspace=4 src="index_ford.gif"
width=173 border=0></A></TD>
<TD><A
href="index.php?gstype=pinpaidian1&viewid=12"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt=永达菲亚特汽车销售服务中心 hspace=4 src="index_fiat.gif"
width=173 border=0></A></TD>
<TD><A
href="index.php"
target=_blank><IMG onmouseover=high(this)
style="FILTER: alpha(opacity=80) width=" onmouseout=low(this)
height=89 alt="永达尼桑汽车销售服务中心 " hspace=4
src="index_bsyd.gif" width=173
border=0></A></TD></TR></TBODY></TABLE></SPAN></TD></TR></TBODY></TABLE></DIV></BODY></HTML>
wanchl 2003-10-07
  • 打赏
  • 举报
回复
没有缝隙的表格
993305 2003-09-12
  • 打赏
  • 举报
回复
给一段 代码,自己瞧吧

<script language="JavaScript1.2">
function reapply(){
setTimeout("slideit()",1000)
return true
}
window.onerror=reapply
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src="images/1.gif"
var image2=new Image()
image2.src="images/2.gif"
var image3=new Image()
image3.src="images/3.gif"
var image4=new Image()
image4.src="images/4.gif"
var image5=new Image()
image5.src="images/5.gif"
//-->
</script>
<body bgcolor="#000000">
<div align="center">
<p> </p>
<p> </p>
<p><a href="javascript:slidelink()" onmouseover="callJS('boom(1)');;return true" onMouseOut="window.status=''"><img src="images/5.gif" name="slide" border=0 style="filter:blendTrans(duration=3)"></a>
<script><!--
var number_of_images=5
var speed=2
var step=1
var whichimage=1

function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+800)
else
setTimeout("slideit()",speed*1000)
}

function slidelink(){
if (whichimage==1)
window.location="main.htm"
else if (whichimage==2)
window.location="main.htm"
if (whichimage==3)
window.location="main.htm"
else if (whichimage==4)
window.location="main.htm"
if (whichimage==5)
window.location="main.htm"
}
//-->
</script>
fudanyi 2003-09-12
  • 打赏
  • 举报
回复
放入表格控制位置
suhuoqiang 2003-09-12
  • 打赏
  • 举报
回复
放入表格控制位置
eva 2003-09-11
  • 打赏
  • 举报
回复
放入表格控制位置
believebowps 2003-09-11
  • 打赏
  • 举报
回复
什么意思啊?是把几个图片连在一起显示,还是把几个图片合成一个大图再显示。
如果是前者,就一个个放入表格里呀,后者就用图像软件咯
^_^
tsstudio 2003-09-11
  • 打赏
  • 举报
回复
你的意思说的是做成gif?让图片交互显示?干脆做成flash啦,或者用flash也可以发布成gif的啊。用flash做这些就灵活得多了
shadesert 2003-09-11
  • 打赏
  • 举报
回复
通过别的软件把它们连起来不就好了,用画图也不错啊!

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧