下記のHPのゆらゆらゆれる中央の写真のような効果を実行するには・・

解決済

質問者：6254
質問日時：2003/09/29 00:28
回答数：2件

どのようにして作ればいいのでしょうか。
詳しい方教えていただけませんか。
http://www4.ocn.ne.jp/~sikaura/

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.1

回答者： shy00
回答日時：2003/09/29 00:40

http://www.yo.rim.or.jp/~nakagawa/WWW/Jcam/Jcam. …

で配布しているJavaアプレットを使用しています
使い方やファイル全て↑のURLに記載されていますので参照ください

参考URL：http://www.yo.rim.or.jp/~nakagawa/WWW/Jcam/Jcam. …

- 0
- 件

通報する

この回答へのお礼

自分のパソコンでは見られますがネット上では見られません。
教えてください＾＾
http://www.synapse.ne.jp/~nisiharasyou/H15/05_5n …

通報する

お礼日時：2003/10/13 20:12

No.2ベストアンサー

回答者： ubob
回答日時：2003/10/01 16:19

JavaScriptへの質問ですので、JavaScriptでサンプルを作ってみました　大きめの画像 test.jpg　を用意して試してください　クロスブラウザは考慮していません　IEでどうぞ

---------------------------------
<html>
<head>
<script>
var tId,t
t=0;
function wave(object_id, x_width, y_height, x_angle, x_amplitude, x_period, y_angle, y_amplitude, y_period){
var _x1,_x2,_y1,_y2;

_x1= x_amplitude * (-0.5+ 0.5 * Math.sin((t+x_angle)/(x_period * 2 * Math.PI)));
_y1= y_amplitude * (-0.5+ 0.5 * Math.sin((t+y_angle)/(y_period * 2 * Math.PI)));
_x2=_x1 + x_width;
_y2=_y1 + y_height;
document.all(object_id).style.top=parseInt(_y1)+"px";
document.all(object_id).style.left=parseInt(_x1)+"px";
t=t+1;
var _cmnd="wave('" + object_id + "'," + x_width + "," + y_height + "," + x_angle + "," + x_amplitude + "," + x_period + "," + y_angle + "," + y_amplitude + "," + y_period + ")";
tId = setTimeout( _cmnd,100);

}
</script>
</head>
<body onload="wave('sample',300,200,2,100,1,3,100,3)">
<center>
<div style="positon:absolute;width:300;height:200;border:inset;overflow:hidden;">
<div id="sample" style="position:absolute">
<img src="test.jpg" border="0"></div>
</div>
</center>
</body>
</html>
-------------------------------------