IE6下JS動態(tài)設(shè)置圖片src地址問題
更新時間:2010年01月08日 22:15:37 作者:
解決IE6下JS動態(tài)設(shè)置圖片IMG的SRC時圖片無法加載錯誤的方法
這兩天趕一個項目,要求鼠標點擊小圖顯示大圖,于是用JS來根據(jù)小圖來設(shè)置大圖的SRC,設(shè)計完后問題就出來了。在IE6下大圖顯示不出,鼠標放置在圖片上右鍵鏈接地址是可以正常顯示鏈接地址的,并且點擊顯示圖片圖片才能被正常顯示。IE7,IE8和FF是沒有這些問題的。代碼如下:
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下底層的一個判斷間斷因素的問題。
復制代碼 代碼如下:
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下底層的一個判斷間斷因素的問題。
您可能感興趣的文章:
- javaScript 讀取和設(shè)置文檔元素的樣式屬性
- js setattribute批量設(shè)置css樣式
- javascript 動態(tài)設(shè)置已知select的option的value值的代碼
- js 設(shè)置選中行的樣式的實現(xiàn)代碼
- 使用JavaScript動態(tài)設(shè)置樣式實現(xiàn)代碼及演示動畫
- 使用JavaScript動態(tài)設(shè)置樣式實現(xiàn)代碼(2)
- js批量設(shè)置樣式的三種方法不推薦使用with
- js動態(tài)設(shè)置div的值下例子
- javascript設(shè)置金額樣式轉(zhuǎn)換保留兩位小數(shù)示例代碼
- JavaScript通過元素的ID和name設(shè)置樣式
- 使用變量動態(tài)設(shè)置js的屬性名
- js style動態(tài)設(shè)置table高度
- javascript動態(tài)設(shè)置樣式style實例分析
- JavaScript動態(tài)設(shè)置div的樣式的方法
相關(guān)文章
js+css實現(xiàn)回到頂部按鈕(back to top)
這篇文章主要為大家詳細介紹了js+css實現(xiàn)回到頂部按鈕back to top回到頂部按鈕,感興趣的小伙伴們可以參考一下2016-03-03JavaScript隊列數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要介紹了JavaScript隊列數(shù)據(jù)結(jié)構(gòu)詳解,隊列是一種先進先出的數(shù)據(jù)結(jié)構(gòu),隊列中允許兩種基礎(chǔ)操作,也就是插入和刪除,也就是入隊和出隊2022-07-07詳細談?wù)凟S6中的symbol數(shù)據(jù)類型
這篇文章主要給大家介紹了關(guān)于ES6中symbol數(shù)據(jù)類型的相關(guān)資料,Symbol函數(shù)的特性是每一個Symbol函數(shù)的返回值都是唯一的,可以通過給symbol函數(shù)傳遞不同的參數(shù)產(chǎn)生具有不同標記的值,需要的朋友可以參考下2021-08-08JavaScript使用Base64編碼和Blob對象加密圖像url地址
有時候會看到一些網(wǎng)站的圖片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,這樣的圖片加載怎么實現(xiàn)呢?本文講解在瀏覽器中JavaScript使用解析Base64編碼和Blob對象技術(shù)來實現(xiàn),下面是實現(xiàn)的步驟和相應(yīng)的示例代碼,2023-12-12