忍者ブログ
風の吹くまま気の向くまま。。。
gooリサーチモニターに登録!
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

以前入れた、Liteboxとかちあうかな~と思いつつ、
入れてみたらうまくいったんで設置。

(Netscapeでは、フェードしないとのこと)

フッターで頭が煮詰まり、逃避にもなったし~

もう、このままシンプルでいいかも。。。

画像をスライドショーにするのに影付けたかったんだけど、
途中でめんどくさくなって、フィルターにしてしまいました。

なので、Filefoxでは影が出てないです。
フィルターは、IE(Internet explorer5.0以上)独自なので、ほかのブラウザでは使えないんですね~。

(使えるようになるのが一番なんだけど。。せめてFilefox。。)

ソフト工房文人-Webシステム開発

上記サイトの

Java-Script

使用。

<head>~</head>内に
<SCRIPT LANGUAGE="JavaScript">
<!--
var fade_speed = 2600;
var fade_duration = 8;
var image = new Array();

image[0] = 'アップロードした画像のURL①';image[1] = 'アップロードした画像のURL②';image[2] = 'アップロードした画像のURL③';
image[3] = 'アップロードした画像のURL④';image[4] = 'アップロードした画像のURL⑤';
var t;
var j = 0;
var p = image.length;
var pre_load = new Array();
for (i = 0; i < p; i++) {
pre_load[i] = new Image();
pre_load[i].src = image[i];
}
function start_fade() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=fade_duration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = pre_load[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('start_fade()', fade_speed);
}
//-->
</SCRIPT>
にします。
(アップロードした画像をクリックすると別ウィンドウが出てくるんで、でてきたウィンドウ内の画像を右クリックすると画像のURLが出てくるからそれをコピペ。)


次に、<body>内に
<body onload="initLightbox(), start_fade()">
と、します。

Lightboxを入れて無い場合は、<body>内に
<body onload="start_fade()">
こうですね。

できたら上書き保存します。

表示させたい所に、
<img src="アップロードした画像のURL①" name='SlideShow'>
とするだけ。

hard内に入れた画像の分だけ、スライドショーができます。

画像サイズはあらかじめ統一しとくと言いと思います。

fade_speed が、入れ替えに要する時間です。
fade_duration が、フェードに要する時間です。



IEだけだけど、影をつけてみる

【HTMLタグの簡単検索】TAG index - ホームページ作成情報

スタイルシート[CSS]/フィルタ - TAG index

ここで参考にさせてもらいました。

うちの場合、CSSで指定して、<div>~</div>で表示させてます。
/*TOP画像*/
.好きなアルファベットの要素名{
float: right;
padding: 20px 60px 0px 0px;
width: 200px;
height: 150px;
padding-bottom: 10px;
filter: dropshadow(color=#bb5520);
}

表示させるときのタグは、
<div class="好きなアルファベットの要素名"><img src="アップロードした画像のURL①'" name='SlideShow'></div>


にゃかにゃかいい感じにできた

PR
この記事にコメントする
 
お名前
タイトル
メール
URL
文字色
絵文字 Vodafone絵文字 i-mode絵文字 Ezweb絵文字
コメント
パスワード   
この記事にトラックバックする
[41]  [40]  [39]  [38]  [37]  [36]  [35]  [34]  [33]  [32]  [31
カレンダー
11 2017/12 01
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
天気予報
天気
ほかの天気予報とはひと味違いMyページが持てるし、知りたいところの地図をクリックしていくと、 市町村までみることができる
時刻
名言
プロフィール
HN:
ちかこ
性別:
女性
職業:
フリーター
趣味:
ゲーム、マンガ、懸賞
自己紹介:
暑さに弱く寒さに弱い
見た目健康そうな
いかず後家
ADMIN | ENTRY
NARUTO
AmazonStore
by amanatu
ブログ内検索

Linklist
Customize in Ninja Blog
IMAGE
ニンブロラボ.
TMP*blog
時の館-フリーFlash時計
カバラ数秘術
A Trial Product's 素材置き場
小粋空間
あわせて読みたい
あわせて読みたい
最新CM
最新TB
    RSS
    バーコード
    Counter
    忍者ブログ [PR]
      ▲このページの先頭へ
    • seo