在居中圖像上添加div？

Question

我正在使用ImageFlow SEE我想在圖像頂部添加div，一旦圖像被點擊並滑入中心。 我試圖檢查js文件，但MoveIT()功能在JS叫了這麼多次和m無法識別，

t.wrap('<div class="f1_card"></div>'); 

時，應我寫環繞圖像格。

謝謝，

Answer 1

您可以使用jquery的prepend（）函數。你只需要選擇圖像元素，然後調用prepend函數。見例如：

$('.target_image').prepend('<div class="f1_card"></div>'); 

，如果你想，如果你想要一個元素之前新增加的元素這將是好的。但是如果你想用div來包裝一個元素，那麼你必須使用wrap（）函數。

$('.target_image').wrap('<div class="f1_card"></div>'); 

顯然你必須把上面的代碼放在click功能或類似的事件中。看例子：

$('.target_image').on('click', function(){ 
    $(this).prepend('<div class="f1_card"></div>'); 
}); 

帶班「f1_card」這裏的div將是父類的target_image元素。希望這會幫助你。

Answer 2

如果你正在使用動畫功能，也許你可以嘗試這樣的事情。

$('.myimage').click(function() { 
    $(this).animate({ 

    /*.do stuff...*/ 

    }, 'slow', function(){ 
     $(this).prepend('<div class="f1_card">my content here</div>'); 
    }); 
}); 

該工作原理如下。當你點擊圖片時，它會執行你的jquery動畫。一旦執行了正確的動畫，該功能將在目的地（在這種情況下，點擊的div）預先添加一個元素。根據API文檔，這將「插入內容，由參數指定，每個元素的開始在匹配的元素。」

Answer 3

你可以居中div和css中使用的z-index。