• 締切済み

配布スクリプトをアレンジしたいです、HTMLを教えてください

いつもお世話になっております。 宜しくお願いいたします。 このスクリプトですが、参考にさせていただいています。 サムネイル(またはボタン)をクリックすると、画像が入れ替わるというスクリプトです。 http://himajin.moo.jp/freejava/imgchange/imgview3.html 上のソースでは画像の入れ替えがフェードアウト&インになっていますが、 画像の入れ替えを「瞬時にしたい」です。 上のページのHTMLのどこをいじれば良いでしょうか。 HTMLがそのまま載っていますので、上級者の方、どうか観てください。 自分流にアレンジして使用することには問題はないかと思います。 ちなみに自分でも以下の箇所の変更を試してみたのですが、 ここの数値を0に変えてみても、フェードイン&アウトは消えませんでした。         ↓ changesec=5000; //入れ替え時間(ミリ秒) “パッ”と画面が変わる感じにしたいのです。 解決策、またはヒントでも結構ですので、上級者の方、お知恵をお貸しください。 宜しくお願いいたします。

  • HTML
  • 回答数2
  • ありがとう数1

みんなの回答

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

私もANo.1さんと同意見です。 このスクリプトもブラウザ依存ですからね。 でもどうしてもコレ使いたいなら、トランジション効果を無効にしてしまえば良い。 (Duration=2,Overlap=1)→(Duration=0,Overlap=0)

koichan55
質問者

お礼

有難うございます。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

 スタイルシートを使って背景画像をずらすのが楽かと。javascript使わなくてよいし・・

関連するQ&A

  • 画像切り替え

    javascript初心者です。 あるサイト→http://himajin.moo.jp/freejava/imgchange/imgview.htmlをカスタマイズしようと思っているんですが、スライドショーという形の、ループとか時間がきたら画像が変わるってのじゃなくて、サムネイル表示を活かしたまま、右ボタンでnext、左ボタンでbackみたいなサクサク動くようにしたいんですが、どういじっていいのか分かりません。 わかる方教えて下さい!よろしくお願いします。

  • スライドショーを自動ループにしたい

    サムネイルつきのスライドショーを作りたいと思っています。 本当はページを開けたら自動的にスライドショーがはじまるのが理想なのですが、ボタンを押してスライドショー開始でもよく、サムネイルの画像をクリックすると、またそこからはじまるようにしたいです。 参考にしているHPが http://himajin.moo.jp/freejava/imgchange/imgview3.html なのですが、チェックボックスを入れたくありません。自動でエンドレスループしてほしいです。 どうやってはずしたらいいのでしょうか? 色々試してみましたが、動かなくなってしまいます。 それとボタンを<input type="button">になってるのをjpg画像のボタンにしたかったのですが、これも変えるのがうまくいきません。 ボタンを変えることは可能でしょうか? おしえてください。 よろしくお願いします。

  • JAVAスクリプト

    現在ホームページ作成中です。 そこでページ内の一部分がJAVAスクリプトで写真が自動で切り替わり 切り替わるときにフェードアウト、フェードインし、かつ、ループしないで、6枚の写真表示を した後、6枚目で写真が止まり、フェードアウトし写真表示部分が白一色になったときに 下の重なってるバックグラウンド画像が出てこないようにしたいです。 また、対応するのもIEだけでなくファイヤーフォックス等にも全て対応している JAVAスクリプトソースを教えてください。 面倒な質問ですが、お助けください。よろしくお願いします。

  • フェードイン-(待機)-フェードアウトのやり方/Action scriptを使用

    Action scriptを使用して2枚の画像を順番に「フェードイン」-「何秒か待機」-「フェードアウト」を繰り返したいのですが、この「何秒か待機」の部分はどのように記述すればいいのでしょうか?

    • ベストアンサー
    • Flash
  • アレンジの仕方、教えて下さい。

    先日、jQuery(JavaScript)を教えて頂きました。 ヘッダー画像の下の丸い点をクリックすると画像が変わり、また左右の矢印でも変えられる。 画像はスライドがフェードで入れ替わる、というものです。 こちらのサイトのものを使わせて頂きました。 http://zxcvbnmnbvcxz.com/demonstration/slide_in_slide.html 今回は、画像下の丸い点などを入れずにフェードでの入れ替えを考えておりますが、上のサイトにはサンプルがありませんでした。 (example3を使って、下の丸を表示させないカタチにしたいです。) アレンジの仕方や、また他のプラグンがございましたら、ご存知の方、よろしくお願い致します。

  • ホームページ作成時の動画の処理方法

    ホームページをインターネットでよく見かけますが、複数枚の写真をモザイクが崩れて新たな画面に変わったり、フェードイン、フェードアウトしながら徐々に画像が変わるのを見て大変綺麗なホームページだと思い、是非自分にも応用したいと考えておりますが、HTML内のソースにどのようなスクリプトを記述するとそのような画像になるのでしょうか?教えてください。

  • 画像表示をアルファでフェードイン&アウト AS3

    AS3初心者です。 ステージ上にサムネールを並べ、ロールオーバーで対応する大きい画像を表示するムービー http://gihyo.jp/dev/serial/01/as3/0032?page=1 ロールオーバーすると大きい画像がアルファでフェードアウト(今表示している大きい画像)&フェードイン(新しく表示する大きい画像)で入れ替わるようにしたいのですが。 うまくアルファのスクリプトを入れることができません。 よろしくお願いします。

    • ベストアンサー
    • Flash
  • サムネイルクリックで外部swfフェードイン&アウト

    Flash初心者です。 Flash MX 2004を使っています。 24枚のサムネイル画像をonClipEventで 3枚ずつの間隔で左右に移動するようにしています。 各サムネイル画像(ボタン)をクリックすると、 拡大画像(外部swf)がサムネイルにかぶさるように フェードインで表示され、 ムービークリップシンボル範囲内のどこをクリックしても フェードアウトで元の画面(サムネイル表示画面)にもどる。 他サムネイルをクリックしても同様の動作をする。 というふうにしたいのです。 サムネイルaの拡大swfであるAにはフェードインを施しました。 クリックすると閉じながらフェードアウトさせるには、 どのような方法があるのでしょうか。

  • サイト作成のスクリプト記述方法教えてください

    サイト作成を始めたのですが、スクリプトの記述方法がわからず困っています。 いろいろ検索で調べたのですが、よく分からず質問させていただくことにしました。 どなたかご教授いただけないでしょうか?よろしくお願いします。 ページごとのスクロール位置、またNAV画像クリックで、 NAV画像をフェードアウトでoff画像に入れ替え、 フェードインでon画像にといった感じで入れ替えていきたいのですが、 スクロールごとに画像がチカチカとしたりします。 どのようにスクリプトを記述すれば、いい感じに実現できるでしょうか? 現状こんな感じになっておりますが参考までに http://www11.ocn.ne.jp/~website/sample/index.html

  • jQuery & 下記のスクリプトにて画像のフェードイン・アウトで切り

    jQuery & 下記のスクリプトにて画像のフェードイン・アウトで切り替えるスクリプトについてご質問です。 http://medienfreunde.com/lab/innerfade/ html のロード時に数枚の切り替え予定の画像がスクリプトが 読み込まれる前に全部表示されてしまって格好が悪いので、 表示させないようにする為には、どうすればよろしいでしょうか? 特に上記のスクリプトを用いなくても代替えのスクリプトがあれば、そちらでも構いません。