㈠ 前端代碼網頁背景圖閃一下就沒了
圖片載入方式出現問題。
圖片載入的兩種方式，BaselineJPEG(基準式)ProgressiveJPEG(漸進式)基準型載入這種類型的文件存儲方式是按從上到下的掃描方式，打開這個文件顯示它的內容時，數據將按照存儲時的順序從上到下一行一行的被顯示出來，直到所有的數據都被讀完，就完成了整張圖片的顯示。放到瀏覽器里就是這樣我遇到的這種情況了，雖然圖片很快就載入完成了，但是有一點小小的延遲，就會導致閃白。漸進式載入這種文件包含多次掃描，會先顯示整個圖片的模糊輪廓，隨著掃描次數的增加，圖片變得越來越清晰。
將背景圖片的載入格式轉換成漸進式載入即可。PS轉換將圖片放入ps中重新到出，到處是選擇漸進式載入格式即可。代碼轉換就該個格式用ps還是有點麻煩，用代碼直接修改還是更適合我們。無法通過原生控制選擇圖片的數量，如果需要做圖片數量的控制，需要選擇完圖片後，在input的onchange中監聽文件的數量進行判斷。建議，在選擇上傳的按鈕附近加上明顯的提示，告知用戶最多上傳的圖片數量。至於上傳超過數量時邏輯，可以自行根據業務場景決定，是上傳上限內的前幾張圖片，或是全部都不上傳，在APP端嵌入H5頁面，使用input原生上傳方案時，在選擇圖片時是使用APP做的選擇圖片功能，即選擇圖片的上限可能會受APP端的限制。
㈡ 用JS 怎麼實現點擊上一張圖片，下一張圖片的顯示
要麼用ajax，要麼把圖片都綁出來，設為隱藏，然後js控制第幾張圖片顯示，要麼把圖片都綁出來做個div遮罩層。建議1、找個實例，右鍵--查看源碼拿下別人的js2、換個方式，上網路搜索thickbox實例個人覺得thickbox效果還不錯。
㈢ 如何用js實現點擊一張圖片在旁邊顯示另一張圖片，再點擊一下，顯示的
給按鈕寫一個空class，給圖片預備一個class(fade)-display:none;綁定點擊事件toggle該class，判斷this是否有該class對圖片進行toggle(fade);
㈣ js控制的圖片切換總是閃爍（滑鼠還未離開切換區，只要輕輕碰一下滑鼠，顯示的大圖來回閃，高手幫幫忙）
把最後的img用div包起來
<div onMouseOver="ShowImage()" onMouseOut="ShowImage()">
<img src="images/index_r3_c9.jpg" width="115" height="115" border="0" >
</div>
㈤ js實現網頁載入時圖片閃爍，然後消失
你可以做個閃爍的圖片,用下面的用文件和JS
<---index.html-->
<div align="center" id="miman">
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="http://www..com" target="_blank"><img src=".gif" width="801" height="373" border="0"></a></td>
</tr>
</table>
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>定時關閉的廣告代碼</title>
<script src="up.js" language="JavaScript"></script>
</head>
<body onLoad="log_start()">
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>
</p>
</body>
</html>
<----up.js-->
var time_out = 3000;
function log_start()
{
window.miman.style.visibility="visible";
window.setTimeout( "real_log_start()", time_out );
return false;
}
function real_log_start()
{
window.miman.style.display="none";
}
希望對你有幫助!
㈥ webq前端JS，裡面放的是圖片 手機屏幕滑動時 在安卓手機上會閃一下白光，蘋果手機正常
圖片是預載入 還是滑動後 載入的
如果是滑動後 再在頁面顯示的 肯定有白光閃過
如果是預載入有這樣的問題 你把圖片用背景的方式顯示看看
㈦ JS中如何讓圖片慢慢消失,然後自動再顯示另一張圖片
html：
<div id="box">
<div class="pic"><img src="圖片路徑" width="200" height="100" /></div>
<div class="pic"><img src="圖片路徑" width="200" height="100" /></div>
<div class="pic"><img src="圖片路徑" width="200" height="100" /></div>
<div class="pic"><img src="圖片路徑" width="200" height="100" /></div>
</div>
css：
#box{position:relative; width:200px; height:100px;}
.pic{position:absolute; top:0; left:0; width:200px; height:100px; z-index:99; display:none;}
Jquery：
$(window).ready(function(){
$("#box .pic").eq(0).show();
var i=0;
function fad(){
var m = i%4;
var n = (i+1)%4;
$("#box .pic").eq(m).fadeOut(1000);
$("#box .pic").eq(n).fadeIn(1000);
i++;
};
int = setInterval(fad,3000);
});
㈧ js圖片跳動
JS文件：
functionshow(){
varimgid=document.getElementById("imgid");
if(imgid.style.visibility=="visible")
imgid.style.visibility="hidden";
else
imgid.style.visibility="visible";
setTimeout('show()',300);
}HTML：
<img id="imgid" style="visibility:visible;" src="1.jpg" />
<button onclick="show()">按下圖片會閃動</button>
不知道你是不是這個意思 發現有點沒讀懂你想要的東西
㈨ 前端圖片載入問題，再刷新那一剎那都集中在屏幕左上角閃爍一下，求問前端大神這應該是什麼問題
1你做的 這個是 瀑布流嗎（通過 js 控制 圖片的位置） ？
2你用了 animation（這是動畫 ） 可能你控制了 整體元素 讓全部都有動畫效果
再是其他原因的 話 猜不到
㈩ js製作幾張圖片之間的快速閃動效果