2010-02-23 39 views
1

我正在嘗試創建一個「簡單」模式類型的操作。當用戶點擊圖像時,它會在屏幕上打開一個遮罩(完成該操作)並顯示圖像(不能這樣做)。這樣做非常簡單,不需要畫廊等,因此只是一個簡單的效果。將img src通過jquery傳遞給新div

用於掩模生成的代碼是

$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) 

(或東西我沒有得到它在警告正常dispaly但我怎麼傳遞SC一個隱藏的div並顯示它的角以上(OK我假設的Z指數的CSS),但它更多的我怎麼顯示圖像。

幫助請感謝

回答

0

你需要做的

$('.postentry img').attr('src', 'imageurl').show(); 

或者只是

$('.postentry img').attr('src', 'imageurl'); 

,然後顯示包含使用

$('#imagediv').show(); 

的圖像。如果你顯示你的HTML,我可以給一個明確的答覆股利。另外,你不需要把$ j放在$之後。

+0

Ryan - 實際上$ j是爲了避免在WordPress中沒有衝突 - 標準WP練習 – RussellP 2010-02-24 12:17:48

+0

啊,我不用那麼多的wordpress :)。很高興我能幫上忙。 – ryanulit 2010-02-24 13:05:28

0

$j('postentry img').attr(src) 

.attr()

,並顯示出圖像,你可以調用.show()方法

$j('postentry img').attr('src', yourimageurl).show(); 

.show()

+0

Ryan - 實際上$ j是爲了避免在WordPress中沒有衝突的發生(如果我刪除面具) – RussellP 2010-02-23 07:51:40