「単純な」モーダルタイプの操作を作成しようとしています。ユーザーが画像をクリックすると、画面上にマスクが開き(実行)、画像が表示されます(実行できません)。これは非常にシンプルで、ギャラリーなどを必要としないため、シンプルな効果です。
マスク用に生成されたコードは
$j(document).ready(function(){
$j('.postentry img').click(function(e) {
e.preventDefault();
var maskHeight = $j(document).height();
var maskWidth = $j(window).width();
$j('#mask').css({'width':maskWidth,'height':maskHeight});
$j('#mask').fadeIn(1000);
$j('#mask').fadeTo("slow",0.8);
});
});
画像のsrcを取得できますが(コードを忘れただけです)、このようなビットです
Sj('postentry img').att(src)
(または、アラートで適切に表示されるようにしたものですが、そのscを非表示のdivに渡して、マスクの上に表示するにはどうすればよいですか(cssのz-indexだと思います)が、それ以上の方法で表示します画像。
助けてくださいありがとう