アプリ版：「スタンプのみでお礼する」機能のリリースについて

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

解決済

  • 質問者：kazuya88
  • 質問日時：
  • 回答数：1件

jQuery & 下記のスクリプトにて画像のフェードイン・アウトで切り替えるスクリプトについてご質問です。

http://medienfreunde.com/lab/innerfade/

html のロード時に数枚の切り替え予定の画像がスクリプトが
読み込まれる前に全部表示されてしまって格好が悪いので、
表示させないようにする為には、どうすればよろしいでしょうか？

特に上記のスクリプトを用いなくても代替えのスクリプトがあれば、そちらでも構いません。

通報する

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

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： fujillin
  • 回答日時：

CSSなどで初期設定を非表示にしておくか、最初はHTML内に記載しないようにしておくなどのようにすれば、表示されることはありません。



ご提示のスクリプトは見ていませんが、一定時間ごとに画像を切り替えるだけでよいのなら…

<head><title>test</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
<!--
var img = [];
(function() {
var imgSrc = "A.jpg,B.jpg,C.jpg,D.jpg".split(",");
//イメージの読み込み
for (var i=0; i<imgSrc.length; i++) {
img[i] = new Image();
img[i].src = imgSrc[i];
}
})();
//表示の切替え speed:fadeInの速度、interval:画像切替え間隔
$(function() {
var count = 0, interval = 5, speed = 2;
$("#screen img:first").clone().css("position","absolute").css("zIndex","10").hide().prependTo("#screen");
setInterval( function() {
$("#screen img:first").attr("src", img[count].src).fadeIn(speed*1000 , function() {
var tmp = $("#screen img:first").attr("src");
$("#screen img:last").attr("src", tmp);
$("#screen img:first").hide();
});
count = ++count%img.length;
}, interval*1000);
});
//-->
</script>
</head>
<body>
<div id="screen" style="position:relative;">
<img src="default.jpg" alt="#">
</div>
</body>
</html>

---------------------------------------------
「ご質問」をなさる質問者様が多いのはなぜだろうか…？
    • good
    • 0
    • 件
通報する
この回答へのお礼

＞「ご質問」をなさる質問者様が多いのはなぜだろうか…？
そう言われてみれば確かにその通りですね。。

通報する
お礼日時：2010/05/07 23:32

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報