質問内容
質問を評価する
(0ポイント)
|
初めまして。
javaの事についてご質問させていただきます。
私はjava初心者なのですが、スライドショーを作りたくて色々調べてやってはみたのですがなかなかうまくいきません。
画像のみのスライドショーでいいのですが、画像にリンクがはっているようでどこを書き換えたらよいのか全くわからなくなってしまいました。
どなたかご存知の方がいらっしゃいましたらお教え下さいませ。
よろしくお願い致します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="Description" content="">
<style type="text/css">
#output a, #output img {cursor: pointer;}
#output #body {
overflow:hidden;
width: 700px;
height: 300px;
position: relative;
}
#output #body img {
position: absolute;
top: 0;
}
#output #buttons {
width: 700px;
height: 16px;
text-align: right;
}
#output #buttons img {
margin-right: 5px;
}
</style>
<script type="text/javascript">
var banners=[ // 700x300px
{url:'http://〜.jpg', href:'http://〜/'},
{url:'http://〜.jpg', href:'http://〜/'},
{url:'http://〜.gif', href:'http://〜/'},
{url:'http://〜.gif', href:'http://〜/'}
];
var tm=0;
var bans=[];
var now=0;
var interval=4000;
var start=0;
var tcnt=0;
var speed=10;
function run(){
var dt=(new Date()).getTime();
tcnt=dt-start;
if(tcnt>=interval){
var img=EI('body').getElementsByTagName('img')[now];
img.style.left=(parseInt(img.style.left)-speed)+'px';
img=EI('body').getElementsByTagName('img')[(now+1>=banners.length)?0:now+1];
img.style.left=(parseInt(img.style.left)-speed)+'px';
if(parseInt(img.style.left)<=0){
EI('body').getElementsByTagName('img')[now].style.left='700px';
now=(now+1>=banners.length)?0:now+1;
setBnr(now);
setBtn(now);
tcnt=0;
}
}
}
function setBnr(num){
var imgs=EI('body').getElementsByTagName('img');
for(var i=0,im;im=imgs[i];i++)
im.style.left='700px';
now=num;
start=(new Date()).getTime();
imgs[now].style.left='0px';
}
function setBtn(num){
var imgs=EI('buttons').getElementsByTagName('img');
for(var i=0,im;im=imgs[i];i++)
im.src='http://〜.gif';
imgs[num].src='http://〜.gif';
}
function CE(tag){return document.createElement(tag);}
function EI(id){return document.getElementById(id);}
onload=function(){
EI('body').innerHTML='';
for(var i=0,img;i<banners.length;i++){
img=CE('img');
img.src=banners[i].url;
//img.title=banners[i].href;
img.onclick=function(href){return function(e){location.href=href;};}(banners[i].href);
img.style.left=(700* +!!i)+'px';
if(i==0)
img.style.left='0px';
else
img.style.left='700px';
EI('body').appendChild(img);
img=null;
img=CE('img');
img.src='btn_off.png';
img.onclick=function(num){return function(e){setBtn(num);setBnr(num);};}(i);
EI('buttons').appendChild(img);
}
start=(new Date()).getTime();
setBtn(now);
tm=setInterval(run, 1);
}
</script>
</head>
<body bgcolor="#8a1029" color="white">
<div>
<div id="output">
<div id="body"></div>
<div id="buttons"></div>
</div>
</div><!-- sample -->
</body>
</html>
|
