こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

IE10で画像切り替えがされません

いろんなサイトから情報を引っ張ってきて趣味程度でHPを作成しています。

先日、IEを10にアップデートしました。
おそらく、アップデートをきっかけに、今まで動作していた写真切り替えスクリプトが動作しなくなりました。
他のPCではIE9を使用しており、今までどおり動作します。

下記のようなスクリプトです。
一定時間で画面が切り替わるようにし、各画像にリンクをはっていました。


<javascript部分>
var href= new Array();
href[0]="";
href[1]="./aaa.html";
href[2]="./bbb.html";
href[3]="./ccc.html";

var BlendTrans_time=1;
function go_BlendTrans(file_name)
{
BlendTrans_img.filters.BlendTrans.Apply();
BlendTrans_img.filters.BlendTrans.duration=BlendTrans_time;
BlendTrans_img.src=file_name;
BlendTrans_img.filters.BlendTrans.Play();

if(file_name == imgs[0]){lnk.href=href[0];}
if(file_name == imgs[1]){lnk.href=href[1];}
if(file_name == imgs[2]){lnk.href=href[2];}
if(file_name == imgs[3]){lnk.href=href[3];}

}

var imgs = new Array();
imgs[0] = "00.JPG";
imgs[1] = "aa.jpg";
imgs[2] = "bb.jpg";
imgs[3] = "cc.jpg";

j = 0;
function hyouji()
{
go_BlendTrans(imgs[j++]);
if(j>=imgs.length) j=0;

}

function startfnc()
{
//関数hyouji()を5000ミリ秒間隔で呼び出す
setInterval("hyouji()",5000);
}


<HTML部分>
<a href="#" id="lnk"><img src="00.JPG" border="0" width="800" id="BlendTrans_img" style="filter:BlendTrans;"></a><br>



いろいろ調べたのですが、IE10にアップデートしたことが原因という確証も得られませんでした。

質問が複数で申し訳ないのですが、
そもそも、IE10が上記のスクリプトをサポートしていないのでしょうか?

また、IE10で動作しないのであれば、代替策はどのようにすればいいのでしょうか?

投稿日時 - 2013-05-21 23:02:05

QNo.8098998

すぐに回答ほしいです

質問者が選んだベストアンサー

filter 機能は IE9 にて廃止されたようです。互換表示機能を有効にすれば、まだ使えるかもしれませんが、イマドキの方法で代替するほうが現実的でしょう。

というわけで jQuery で代替する場合です。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>$(function(){
var links = [
{src:'00.JPG', href:null},
{src:'aa.jpg', href:'./aaa.html'},
{src:'bb.jpg', href:'./bbb.html'},
{src:'cc.jpg', href:'./ccc.html'}
];
var linkIndex = 0;
function hyouji() {
linkIndex %= links.length;
var o = links[linkIndex++];
var e = $('img.changer');
e.parent('a').attr('href',o.href);
e.fadeOut(500);
e.queue(function(){e.attr('src',o.src).dequeue()});
e.fadeIn(500);
}
setInterval(hyouji,5000);
});</script>

<a href="#"><img src="00.JPG" class="changer"></a>

投稿日時 - 2013-05-22 14:25:47

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問