2017-03-02 25 views
3

画像を表示するためのモーダルウィンドウを作成しました。私は右と左矢印の画像をモーダルウィンドウ上に追加したいが、それを表示するには問題がある。ここで画像を表示できません

は私のコードです:

ここでは、調光器(モーダルウィンドウ)を作成します。 newelementは、DOM要素を作成する内部関数です。この場合、我々は、調光器要素を作成document.bodyに追加し、その後、速記、いくつかのスタイルを適用(backgound色、不透明度、トランジション)

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

は今、私は右の画像をクリックしてを追加します調光器に私は50%で70%のまま、上部固定位置を有していて、10003のボックスシャドウ、z屈折率および0.1

最後
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%の固定位置にあり、ボックスシャドウ、Z-インデックス

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; } 
} 

だからthatsの: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関数です。 右クリックイメージを表示する以外はすべて機能します

+0

右クリックイベントの処理方法を教えてください。 – Nicholas

+0

@ニコラスなぜこれが重要なのか分かりません。私の問題は、私が作成したモーダルウィンドウ内に画像を表示することができないということです。 – jkushner

+0

[mcve]を提供することは可能でしょうか? – domsson

答えて

7

この行では、不透明度が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"); 
関連する問題