![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.1ベストアンサー
- 回答日時:
jQueryつかいではないので、おーそどっくすに。
ぜんかくくうはくは、はんかくにでもなおしてちょ! ばぶぅ~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title></title>
<div id="circle">ファイルは、image_0.gif から image_89.gif までよういしてね</div>
<script type="text/javascript">
//@cc_on
var max = 90;
var r = 300;
var c = {'x': 310, 'y': 400};
var n = 100;
var i, o, t;
t = document.getElementById('circle');
for(i=0; i<max; i++) {
o = document.createElement('img');
o.alt = 'NO_' + i;
o.src = 'image_' + i + '.gif';
o.style.position = 'absolute';
o.style.top = (c.y - Math.cos( (i*360/max) * Math.PI / 180 ) * r)|0 + 'px';
o.style.left = (c.x + Math.sin( (i*360/max) * Math.PI / 180 ) * r)|0 + 'px';
o.style.width = n + 'px';
o.style.height = n + 'px';
o.style.zIndex = '0';
t.appendChild(o);
}
o = o.cloneNode(true);
o.id = o.alt = 'CenterImage';
o.style.top = (c.y - n*1.5 + n/2) + 'px';
o.style.left = (c.x - n*1.5 + n/2) + 'px';
o.style.width = n*3+'px';
o.style.height = n*3+'px';
t.appendChild(o);
document./*@if (1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/
'click', (function () {
var memory = null;
return function (evt) {
var e = evt./*@if (1) srcElement @else@*/ target /*@end@*/;
if( 'IMG' === e.nodeName && 'circle' === e.parentNode.id) {
if ('CenterImage' == e.id) return;
if( memory ) {
memory.style.zIndex = '0';
memory = null;
}
e.style.zIndex = '1';
document.getElementById('CenterImage').src = e.src;
document.getElementById('CenterImage').alt = e.alt;
memory = e;
}
};
})(), false);
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- Instagram インスタの画像を複数枚投稿出来るものと出来ないものがある問題についてどなたか教えて下さい。 インスタ 4 2022/06/07 13:53
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/04/21 13:46
- iPhone(アイフォーン) 同じ写真と動画をiOSが検出する便利な機能 写真のアルバムタブにて、画面を一番下までスクロールすると 3 2023/01/23 15:41
- Visual Basic(VBA) VBAリストボックスで選択した後 5 2022/11/07 17:50
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Windows 10 Windows11にちょっとイチャモン! 4 2022/10/06 17:06
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでサーバー上のファイル...
-
連続したURLへのwindow.openの...
-
imgのsrcに値を設定するには
-
jQueryで画像を重ねる
-
リンク画像をランダム表示して...
-
リンク切の場合リンクしない
-
MAX関数を使ってからLEFT JOIN...
-
前回の質問の続き
-
textareaに画像を表示したい
-
Javascriptで画像を水面のよう...
-
JavaScriptで変更した属性の元...
-
c++std::string型をTCHARに変換...
-
createElementで作成した要素を...
-
ダイアログから画像ファイルは...
-
画像が表示でnull; this.src
-
複数画像のランダム複数表示(...
-
スクロール可能なチェックボックス
-
Slick.jsのオプションrtlについて
-
removeEventListenerについて
-
読み込んだQRコードをフォーム...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openで値の渡し方を教え...
-
this.src等のthisについて
-
imgのsrcに値を設定するには
-
jQueryでサーバー上のファイル...
-
画像の座標位置取得
-
イベントハンドラを完全に外部...
-
連番画像「次へ」「前へ」で、...
-
画像の下に説明文をつけて切り...
-
JS switch文について
-
JavaScriptでリクエストを飛ば...
-
スマートな外部javaでロールオ...
-
JavaScriptでシンプルなスライ...
-
一定時間で画像とリンク先を変...
-
javascript 時計24時間表示
-
画像と文字を同時に切り替えたい
-
これはどんなJavaScriptなので...
-
Javaにて画像を残像が残りつつ...
-
FirefoxでonMouseOver/Outの動...
-
divの背景画像を、徐々に表示さ...
-
時間によって表示される画像を...
おすすめ情報