- 締切済み
サイト作成のスクリプト記述方法教えてください
サイト作成を始めたのですが、スクリプトの記述方法がわからず困っています。 いろいろ検索で調べたのですが、よく分からず質問させていただくことにしました。 どなたかご教授いただけないでしょうか？よろしくお願いします。 ページごとのスクロール位置、またNAV画像クリックで、 NAV画像をフェードアウトでｏｆｆ画像に入れ替え、 フェードインでon画像にといった感じで入れ替えていきたいのですが、 スクロールごとに画像がチカチカとしたりします。 どのようにスクリプトを記述すれば、いい感じに実現できるでしょうか？ 現状こんな感じになっておりますが参考までに http://www11.ocn.ne.jp/~website/sample/index.html
- QuestionTellme
- お礼率100% (3/3)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
ちゃんと見てはいませんが… ＞どのようにスクリプトを記述すれば、いい感じに実現できるでしょうか 「いい感じ」というのは人によって違いますので、何がいい感じなのかはわかりませんが、想像では、以下のことを見落としていらっしゃるのではないかと。 現状は ・NAVクリック時 「NAV画像の変更」と表示位置調整の「スクロール処理」 ・ウィンドウスクロール時 表示位置を示すために「NAV画像を変更」 といった仕組みをパラで設定していると思いますが、「NAV画像クリック時」のイベントハンドラが画面をスクロールさせると、そのスクロールにより「スクロール時」のイベントハンドラが呼び出されることになります。 その結果、それぞれがほぼ同じときにNAV画像をアニメーションしようとするので、思った通りの動作になっていないのではないでしょうか？（jQueryは同じ要素に対するアニメーションは、順にキューに溜めていたような気がしますが…） この辺を踏まえた上で制御を考えるなり、表示方法を考えたり、アニメーションの方法を考えたりすれば、予定通りの動作になるのではないかと思います。
関連するQ&A
- ホームページ作成時の動画の処理方法
ホームページをインターネットでよく見かけますが、複数枚の写真をモザイクが崩れて新たな画面に変わったり、フェードイン、フェードアウトしながら徐々に画像が変わるのを見て大変綺麗なホームページだと思い、是非自分にも応用したいと考えておりますが、ＨＴＭＬ内のソースにどのようなスクリプトを記述するとそのような画像になるのでしょうか？教えてください。
- ベストアンサー
- ブログ
- フェードイン-（待機）-フェードアウトのやり方/Action scriptを使用
Action scriptを使用して2枚の画像を順番に「フェードイン」-「何秒か待機」-「フェードアウト」を繰り返したいのですが、この「何秒か待機」の部分はどのように記述すればいいのでしょうか？
- ベストアンサー
- Flash
- 一定時間ごとに画像を切り替えたいです！
JavaScriptを使って一定時間ごとにフェードイン、フェードアウトしながら画像を切り替えたいです!! インターネットでいろいろ調べていたのですが画像の切り替えはあってもフェードイン・フェードアウトをしながらのサンプルがなかったもので。 ちなみに最後の画像で止めたいです。 こんな感じにしたいです↓↓ OPENERS http://openers.jp/ 誰か解る方がいれば宜しくお願いします。
- 締切済み
- JavaScript
- JAVAスクリプト
現在ホームページ作成中です。 そこでページ内の一部分がJAVAスクリプトで写真が自動で切り替わり 切り替わるときにフェードアウト、フェードインし、かつ、ループしないで、６枚の写真表示を した後、６枚目で写真が止まり、フェードアウトし写真表示部分が白一色になったときに 下の重なってるバックグラウンド画像が出てこないようにしたいです。 また、対応するのもIEだけでなくファイヤーフォックス等にも全て対応している JAVAスクリプトソースを教えてください。 面倒な質問ですが、お助けください。よろしくお願いします。
- 締切済み
- JavaScript
- javascriptの記述方法おしえてください。
以前こちらで質問し自己解決に至ったのですが、 もっと簡単スマートにスクリプトを記述したいのですが、 どのような記述をすれば良いかご教授ください。 //ここから var flg1=1,flg2=0,flg3=0,flg4=0 $(window).on('scroll', function() { if($('#contents01').offset().top <= $(window).scrollTop() && $('#contents02').offset().top-1 >= $(window).scrollTop()) { if(flg1==0){ $('.nav1').stop(true,true).fadeTo(100,0.3).stop(true,true).fadeTo(500,1); flg1=1,flg2=0,flg3=0,flg4=0 } } if($('#contents02').offset().top <= $(window).scrollTop() && $('#contents03').offset().top-1 >= $(window).scrollTop()) { if(flg2==0){ $('.nav2').stop(true,true).fadeTo(100,0.3).stop(true,true).fadeTo(500,1); flg1=0,flg2=1,flg3=0,flg4=0 } } if($('#contents03').offset().top <= $(window).scrollTop() && $('#contents04').offset().top-1 >= $(window).scrollTop()) { if(flg3==0){ $('.nav3').stop(true,true).fadeTo(100,0.3).stop(true,true).fadeTo(500,1); flg1=0,flg2=0,flg3=1,flg4=0 } } if($('#contents04').offset().top <= $(window).scrollTop() && $('#contents04').offset().top-1+$('#contents04').height() >= $(window).scrollTop()) { if(flg4==0){ $('.nav4').stop(true,true).fadeTo(100,0.3).stop(true,true).fadeTo(500,1); flg1=0,flg2=0,flg3=0,flg4=1 } } }); //ここまで 上記スクリプトは１部ですが、 このスクリプト部分で、 フラグを立てイベントを実行する、 しないの判別をさせています。 参考までに http://www11.ocn.ne.jp/~website/sample2/index.htm
- ベストアンサー
- JavaScript
- 配布スクリプトをアレンジしたいです、HTMLを教えてください
いつもお世話になっております。 宜しくお願いいたします。 このスクリプトですが、参考にさせていただいています。 サムネイル（またはボタン）をクリックすると、画像が入れ替わるというスクリプトです。 http://himajin.moo.jp/freejava/imgchange/imgview3.html 上のソースでは画像の入れ替えがフェードアウト＆インになっていますが、 画像の入れ替えを「瞬時にしたい」です。 上のページのHTMLのどこをいじれば良いでしょうか。 HTMLがそのまま載っていますので、上級者の方、どうか観てください。 自分流にアレンジして使用することには問題はないかと思います。 ちなみに自分でも以下の箇所の変更を試してみたのですが、 ここの数値を0に変えてみても、フェードイン＆アウトは消えませんでした。 ↓ changesec=5000; //入れ替え時間(ミリ秒) “パッ”と画面が変わる感じにしたいのです。 解決策、またはヒントでも結構ですので、上級者の方、お知恵をお貸しください。 宜しくお願いいたします。
- 締切済み
- HTML
- jQuery & 下記のスクリプトにて画像のフェードイン・アウトで切り
jQuery & 下記のスクリプトにて画像のフェードイン・アウトで切り替えるスクリプトについてご質問です。 http://medienfreunde.com/lab/innerfade/ html のロード時に数枚の切り替え予定の画像がスクリプトが 読み込まれる前に全部表示されてしまって格好が悪いので、 表示させないようにする為には、どうすればよろしいでしょうか？ 特に上記のスクリプトを用いなくても代替えのスクリプトがあれば、そちらでも構いません。
- ベストアンサー
- JavaScript
- フェードイン、フェードアウトの「オバーラップ」について
flash初心者です。 AS2.0です。よろしくお願いいたします。 ボタンでムビークリップを切り替える時、 フェードイン、フェードアウトの「オバーラップ」に したいのですが。 （A_mcがフェードアウトする同じタイミングで B_mcがフェードインする） ムービークリップが大量にあるので ムービークリップそれぞれに同一のスクリプトで フェードイン、フェードアウトを設定して効率化 したいと考えています。 フェードインは onClipEvent (load) { this._alpha = 0; } onClipEvent (enterFrame) { if (this._alpha<100) { this._alpha += 2; } } のようなスクリプトで実現できたのですが フェードアウトがわかりません。 ※イメージの関係でフェードアウトがどうしても必要になりました。 onClipEvent (unload) { } のようなタイミングで制御できればと 考えているのですが 具体的にアドバイスいただると助かります よろしくお願いいたします。
- 締切済み
- Flash
- スクリプトでサウンドのフェードイン、フェードアウト
いつも、ありがとうございます。FLASH8です。 フレームスクリプトからのサウンドのフェードイン、フェードアウト制御についてお聞きします。 ナレーションがスタートしたらBGMをフェードアウト、ナレーションが終わったらBGMをフェードインさせたいのですが、見えないところにムービークリップを作ってムービークリップを読み込む度にサウンドレベルをプラス（マイナス）していき、それをフレームから変数を使って制御する方法で可能でしょうか？また、もっと良い方法があるでしょうか？ よろしく、お願いします。
- ベストアンサー
- Flash
- 初心者なのにJAVAスクリプトを使うから！
HP作成初心者で、特にJAVAスクリプトに関しては赤子にも及びませんが助言して頂けたら幸いです。 まずいくつかの画像を、全部暗い感じにしてオンマウスでスポットライトがあたったように明るくなるような（フェードインする感じです）JAVAスクリプトを使いました。 そして同じ画像ににオンマウスで任意のテキストを表示させるJAVAスクリプトを使いたいのですが、やり方がよくわかりません… 個々には出来るのですが…(当たり前ですが；） そもそもHEAD間に２つJAVAスクリプトを書いていいかもよくわかっていませんし、 BODY間のその2種類のJAVAスクリプトを呼び出したい場所での書き方もよくわかりません。 自分なりに色々と調べてはみたのですが、答えが見つかりませんでした… 本当に初心者丸出しで、質問の意味もわかりにくいかとは思いますが、わかる方がいらっしゃいましたら是非教えて下さいませ<(_ _)>
- ベストアンサー
- JavaScript
お礼
早速の返答ありがとうございます。 確かにいい感じとは人によりけりですよね...トホホ 返答を参考に色々と試行錯誤しながら学びたいと思います。