無法顯示圖像

我創建了一個模式窗口來顯示圖像。我想在模式窗口上添加右箭頭和左箭頭單擊圖像，但有問題需要顯示。無法顯示圖像

這裏是我的代碼：

在這裏，我們創建了調光器（模態窗口）。 newelement是一個創建DOM元素的內部函數。在這種情況下，我們創造的調光元素，將其追加到document.body的，然後速記應用一些樣式（backgound，顏色，透明度，過渡）

var dimmer=newelement("div",document.body,"bgc=#101010;op=0;tr=0.15s ease in"); 
dimmer.id="dimmer";

現在，我想添加一個右鍵點擊圖片到昏暗的地方。我有與左爲70％，在頂部50％的固定的位置，增加了一個箱陰影，z索引在10003和0

var rclickimage=newelement("img",document.body,"p=f;l=70%;t=50%;bx=0 0 50px rgba(0,0,0,0.5);z=10003;op=0"); 
rclickimage.src='/img/007359-blue-jelly-icon-arrows-arrow-thick-right.png';

最後的不透明度，這裏是圖像本身得到渲染。 這裏你會注意到左邊是50％，而右邊點擊圖像是70％開始這個元素有一個固定的位置，左邊爲50％，頂部爲50％，增加了一個box-shadow，z-index在10003和0

image=newelement("img",document.body,"p=f;l=50%;t=50%;bx=0 0 50px rgba(0,0,0,0.5);z=10003;op=0"); 
image.src="/services/attachment/"+mediaid+"/"+window.innerWidth+"x"+window.innerHeight;

不透明這裏是當image負載被調用在onload功能：

image.onload=function(e) { 
    this.onload=null; 
    var ml=parseInt(this.width/2); var mt=parseInt(this.height/2); 
    //margin left and margin top (ml and mt) 
    setstyle(this,"ml=-"+ml+"px;mt=-"+mt+"px"); 
    animate(this,"opacity",1,0.2); 
    if (dimmer.spinner) { document.body.removeChild(dimmer.spinner);dimmer.spinner=0; } 
}

所以完蛋了。 一切工作很好，除了獲得右鍵單擊圖像顯示

來源

2017-03-02 jkushner

喲如何處理右鍵單擊事件？ – Nicholas

@Nicholas我不明白爲什麼這很重要。我的問題是，我無法在我創建的模式窗口中顯示圖像。 – jkushner

是否可以提供[mcve]？ – domsson

使用此行，您正在創建一個具有0不透明度的圖像。在此後的任何時候，你似乎都不會將其改爲1的不透明度。

image=newelement("img",document.body,"p=f;l=50%;t=50%;bx=0 0 50px rgba(0,0,0,0.5);z=10003;op=0");

來源

2017-03-09 18:22:28

無法顯示圖像

回答

相關問題