IE6下JS動(dòng)態(tài)設(shè)置圖片src地址問(wèn)題
更新時(shí)間:2010年01月08日 22:15:37 作者:
解決IE6下JS動(dòng)態(tài)設(shè)置圖片IMG的SRC時(shí)圖片無(wú)法加載錯(cuò)誤的方法
這兩天趕一個(gè)項(xiàng)目,要求鼠標(biāo)點(diǎn)擊小圖顯示大圖,于是用JS來(lái)根據(jù)小圖來(lái)設(shè)置大圖的SRC,設(shè)計(jì)完后問(wèn)題就出來(lái)了。在IE6下大圖顯示不出,鼠標(biāo)放置在圖片上右鍵鏈接地址是可以正常顯示鏈接地址的,并且點(diǎn)擊顯示圖片圖片才能被正常顯示。IE7,IE8和FF是沒(méi)有這些問(wèn)題的。代碼如下:
function picclick()
{
var pic = $('marqueediv').getElementsByTagName('a');
var len = pic.length;
for(var i = 0; i < len; i ++ )
{
pic[i].onclick = function(i)
{
return function()
{
for(var t = 0; t < len; t ++ )
{
pic[t].className = t == i ? 'hover' : '';
this.className = 'hover'
}
var thispic;
sspic = pic[i].childNodes[0].src;
thispic = 'uploadimg/' + sspic.substring(sspic.indexOf('uploadimg/s'), sspic.length).replace('uploadimg/s', '');
$('pro_pic_item').setAttribute('src', thispic);
$('pro_pic_item').setAttribute('alt', 'images');
//解決方法:在此處加上“return false;”
return false;
}
}
(i)
}
}
據(jù)上網(wǎng)了解,這是由于IE6下底層的一個(gè)判斷間斷因素的問(wèn)題。
復(fù)制代碼 代碼如下:
function picclick()
{
var pic = $('marqueediv').getElementsByTagName('a');
var len = pic.length;
for(var i = 0; i < len; i ++ )
{
pic[i].onclick = function(i)
{
return function()
{
for(var t = 0; t < len; t ++ )
{
pic[t].className = t == i ? 'hover' : '';
this.className = 'hover'
}
var thispic;
sspic = pic[i].childNodes[0].src;
thispic = 'uploadimg/' + sspic.substring(sspic.indexOf('uploadimg/s'), sspic.length).replace('uploadimg/s', '');
$('pro_pic_item').setAttribute('src', thispic);
$('pro_pic_item').setAttribute('alt', 'images');
//解決方法:在此處加上“return false;”
return false;
}
}
(i)
}
}
據(jù)上網(wǎng)了解,這是由于IE6下底層的一個(gè)判斷間斷因素的問(wèn)題。
您可能感興趣的文章:
- javaScript 讀取和設(shè)置文檔元素的樣式屬性
- js setattribute批量設(shè)置css樣式
- javascript 動(dòng)態(tài)設(shè)置已知select的option的value值的代碼
- js 設(shè)置選中行的樣式的實(shí)現(xiàn)代碼
- 使用JavaScript動(dòng)態(tài)設(shè)置樣式實(shí)現(xiàn)代碼及演示動(dòng)畫
- 使用JavaScript動(dòng)態(tài)設(shè)置樣式實(shí)現(xiàn)代碼(2)
- js批量設(shè)置樣式的三種方法不推薦使用with
- js動(dòng)態(tài)設(shè)置div的值下例子
- javascript設(shè)置金額樣式轉(zhuǎn)換保留兩位小數(shù)示例代碼
- JavaScript通過(guò)元素的ID和name設(shè)置樣式
- 使用變量動(dòng)態(tài)設(shè)置js的屬性名
- js style動(dòng)態(tài)設(shè)置table高度
- javascript動(dòng)態(tài)設(shè)置樣式style實(shí)例分析
- JavaScript動(dòng)態(tài)設(shè)置div的樣式的方法
相關(guān)文章
深入淺析JavaScript的API設(shè)計(jì)原則
這篇文章主要介紹了JavaScript的API設(shè)計(jì)原則,包括接口的流暢性,一致性,參數(shù)的處理,可擴(kuò)展性,對(duì)錯(cuò)誤的處理,可預(yù)見(jiàn)性,注釋和文檔的可讀性,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-06-06js+css實(shí)現(xiàn)回到頂部按鈕(back to top)
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)回到頂部按鈕back to top回到頂部按鈕,感興趣的小伙伴們可以參考一下2016-03-03JavaScript隊(duì)列數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要介紹了JavaScript隊(duì)列數(shù)據(jù)結(jié)構(gòu)詳解,隊(duì)列是一種先進(jìn)先出的數(shù)據(jù)結(jié)構(gòu),隊(duì)列中允許兩種基礎(chǔ)操作,也就是插入和刪除,也就是入隊(duì)和出隊(duì)2022-07-07JS簡(jiǎn)單循環(huán)遍歷json數(shù)組的方法
這篇文章主要介紹了JS簡(jiǎn)單循環(huán)遍歷json數(shù)組的方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了JavaScript循環(huán)遍歷json數(shù)組的方法,并提供了jQuery遍歷json的方法,需要的朋友可以參考下2016-04-04詳細(xì)談?wù)凟S6中的symbol數(shù)據(jù)類型
這篇文章主要給大家介紹了關(guān)于ES6中symbol數(shù)據(jù)類型的相關(guān)資料,Symbol函數(shù)的特性是每一個(gè)Symbol函數(shù)的返回值都是唯一的,可以通過(guò)給symbol函數(shù)傳遞不同的參數(shù)產(chǎn)生具有不同標(biāo)記的值,需要的朋友可以參考下2021-08-08JavaScript使用Base64編碼和Blob對(duì)象加密圖像url地址
有時(shí)候會(huì)看到一些網(wǎng)站的圖片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,這樣的圖片加載怎么實(shí)現(xiàn)呢?本文講解在瀏覽器中JavaScript使用解析Base64編碼和Blob對(duì)象技術(shù)來(lái)實(shí)現(xiàn),下面是實(shí)現(xiàn)的步驟和相應(yīng)的示例代碼,2023-12-12