No.3ベストアンサー
- 回答日時:
> 前に気になって入力していたタグがあるのですが、どこに.jpgを入れたらよいかわかりません。
画像の保存場所ですかね?
このスクリプトをそのまま使うのであれば、
HTMLファイルと同じフォルダに保存すればいいと思います。
> プリロード
クリックしたときに、すぐに画像が表示されるようにするおまじないです。
誤字脱字等
BBS投稿時のコピーミスでしょうか?
> <a href="Javascript:turnLeft();"><imgsrc="turnleft.gif"/></a>
<img src="">で、スペースを入れないと画像が表示されません。
初期設定の所
var way=0;
var photoArray=new Array(8); //行末に ; をつけた方が良いです。
for(i=0;i<8;i++){
photoArray[i]=new lmage();
photoArray[i],src="photo"+i+".jpg"
} //ここの閉じカッコが抜けています
左回転の所。
> document.getElmentByld("mainphoto").src=photoarray{way}.src;
photoarray{way}.srcではなく、photoArray[way].srcです。
(カッコの種類と大文字)
No.2
- 回答日時:
次は、私が用いているパタパタ関数です。
切り替えをループで繰り返すのと一度切りの2つを用意しています。
逆順は For ループで操作したらいいです。
/*
object の画像をパタパタと切り替えることを繰り返す。
-------------------------------------------------------------------
<body onLoad="setImages(3, 'koinu','jpg');patapatas(document.img, a_images, 500)">
-------------------------------------------------------------------
*/
function patapatas(object, a_images, duration ,count){
if(count < a_images.length - 1){
count ++;
}else{
count = 0;
}
object.src = a_images[count].src;
var func=function(){patapatas(object, a_images, duration, count)}
setTimeout(func, duration);
}
/*
object の画像をパタパタと切り替えて最後の画像で停止。
-----------------------------------------------------
onclick="patapata(document.main.tv, a_tvs, 500, -1);
-----------------------------------------------------
*/
function patapata(object, a_images, duration ,count){
if(count < a_images.length - 1){
count ++;
object.src = a_images[count].src;
var func=function(){patapata(object, a_images, duration, count)}
setTimeout(func, duration);
}
}
なお、実際にHPで書いているコードのあらましは次のようです。
<script type="text/javascript">
var a_images = new Array(3);
function setImages(max, name, type ){
for( var i = 0 ; i < max ; i++ ){
a_images[ i ] = new Image(276, 234);
a_images[ i ].src = name + i + "." + type;
}
}
</script>
</head>
<body onLoad="setImages(3, 'koinu','jpg');patapatas(document.img, a_images, 500)">
No.1
- 回答日時:
回転のさせかたを指示したほうがよいのでは?
ボタンを押したら?画像をクリックしたら?逆回転は必要?
回転のスピードは?回転はエンドレス?
などなど・・・
基本的にはimageオブジェクトを用意しておいて、
トリガーに応じて、setTimeoutで所定のimgタグのsrcを
書き換えてやるとよいでしょう。
1回転だけならforで回すだけでいいでしょう
この回答への補足
ありがとうございます。(嬉しいです)
回転のさせかたは、ボタンをクリックして右にまわったり左に回ったりです。
スピードまで考えていませんでした。
前に気になって入力していたタグがあるのですが、どこに.jpgを入れたらよいかわかりません。
以下添付します。
-------------------
<div id="photo">
<img src="photo0.jpg"width="400"
height="300"id="mainPhoto"/>
</div>
<div id="navi">
<a href="Javascript:turnLeft();"><imgsrc="turnleft.gif"/></a>
<a href="Javascript:turnFront();"><imgsrc="front.gif"/></a>
<a href="Javascript:turnRight();"><imgsrc="turnRight.gif"/></a>
</div>
htmlに設置するソース
//初期設定
var way=0;
var photoArray=new Array(8)
for(i=0;i<8;i++){
photoArray[i]=new lmage();
photoArray[i],src="photo"+i+".jpg"
※説明
変数wayは現在の方向を表す。「photoArray」の配列に「photo0.jpg」から「photo7.jpg」までの8点の写真を代入する。これは画像のプリロードの効果も兼ねている。←これがよくわからないのです。
//左回転
function turnLeft(){
if(way==0){
way=7;
}else{
way--;
}
document.getElmentByld("mainphoto").src=photoarray{way}.src;
}
//右回転
function turnRight(){
if(way==7){
way=0;
}else{
way++;
}
document.getElementByld("mainPhoto").src=photoArray[way].src;
}
//正面
function turnFront(){
document.getElementByld
("mainPhoto").src=photoArray[0].src;
way=0;
}
-----------------
これが載っていた雑誌があればよかったんですけど・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(テレビ・ラジオ) 自転車のヘルメット着用努力義務化開始。今後TVCMやTVドラマ、映画は全部メット被って自転車乗るの? 3 2023/04/03 13:53
- その他(買い物・ショッピング) フリマサイトで画像引用の件です 4 2023/03/28 18:14
- その他(法律) 食べ物の写真でイラスト作成した場合の著作権 pixivで例えばマクドナルドやスターバックスと検索する 2 2022/05/08 19:25
- その他(悩み相談・人生相談) 著作権法違反になりますか? 6 2023/03/28 19:08
- 写真 顔の見え方について教えて欲しいです。この手の質問は何個もありましたが、自分なりの実験の結果は見つかり 5 2022/08/04 11:45
- Excel(エクセル) ある文字を含む際に、値を返す数式についてです 5 2022/08/28 16:58
- その他(パソコン・周辺機器) PCの写真画像をiTunesを使用してiPadに追加する 1 2022/08/18 16:58
- くじ・懸賞 懸賞等の芸能人のサイン入りチェキの転売について以下の内容がわかる方教えてください。 1.サイン入りチ 4 2022/05/22 16:03
- その他(ビジネススキル・経営ノウハウ) クラウドファウンディングによる新製品の販売支援要求。「あれ?この商品、もう完成品じゃね?」という疑問 2 2022/08/22 12:32
- Outlook(アウトルック) アイホンで撮った写真を一枚だけPCに移し画像を縮小してWebメールに添付して送信する方法 1 2022/04/22 15:33
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryで画像を重ねる
-
FirefoxでonMouseOver/Outの動...
-
画像の座標位置取得
-
imgのsrcに値を設定するには
-
マウスを当てると、サイコロの...
-
商品回転画像の作成方法
-
this.src等のthisについて
-
このスクリプトで画像クリック...
-
MAX関数を使ってからLEFT JOIN...
-
createElementで作成した要素を...
-
jqueryのsortableで一部ソート...
-
iframe内のリンクが飛ばないの...
-
Lightbox2でのキャプションにつ...
-
画像ファイルの合成
-
クリックで背景変更するタグ
-
【OpenCV】二値画像後、白の部...
-
「jQuery」アコーディオンメニ...
-
チェックボックスと画像切替の連動
-
high slideをFC2ブログで
-
どの<li><a> が押されたか判別...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の座標位置取得
-
window.openで値の渡し方を教え...
-
画像と文字を同時に切り替えたい
-
jQueryで画像を重ねる
-
this.src等のthisについて
-
画像の下に説明文をつけて切り...
-
画像をクリックすると別ウイン...
-
JAVAで画像をボタンで切り替え...
-
jQueryでサーバー上のファイル...
-
画像アップロードしたい
-
クリックで次の画像へ
-
画像をクリックして変数に値を代入
-
複数の画像の中から複数の画像...
-
imgのsrcに値を設定するには
-
スマートな外部javaでロールオ...
-
複数のバナーをリロードする度...
-
divの背景画像を、徐々に表示さ...
-
タイマーをデジタル時計風にす...
-
アンケート型のホームページの...
-
一定時間で画像を変更するスク...
おすすめ情報