私は自分のサイトに必要なjQueryの魔法に執着しています...私が持っているすべての画像の上にコードでDIVを追加しようとしていますDIVは画像と同じサイズです - 画像は反応しませんので、画像のサイズが変わるとDIVも同じようになります...下の画像と同じサイズですべての画像の上にDIVを追加してください
私は以下のアプローチで行っていましたが、すべてのDIVを最後の画像ではなく、各画像の上に座っている画像...私は今のところ以下のように持って
コード:
function placeImageOverDIVFX() {
$('.projectContentWrapper img').before('<div class="projectContentWrapperOverlayDIV"></div>');
}
placeImageOverDIVFX();
$(window).load(function() { placeImageOverDIVFX(); });
function sizeupImageInnerFX() {
$('.projectContentWrapper img').each(function() {
var contentWrapperImageWidth = $(this).width();
var contentWrapperImageHeight = $(this).height();
function setSizes() {
$('.projectContentWrapperOverlayDIV').each(function() {
$(this).width(contentWrapperImageWidth);
$(this).height(contentWrapperImageHeight);
});
}
setSizes();
});
}
sizeupImageInnerFX();
$(window).load(function() { sizeupImageInnerFX(); });
$(window).resize(function() { sizeupImageInnerFX(); });
各 "projectContentWrapperOverlayDIV" DIVの直下にある画像に固有のDIVサイズを作成する方法に関するアイデアはありますか?以下
HTMLのマークアップ例:
<div class="projectContentWrapper">
<img src="assets/images/work/01/01.jpg">
<img src="assets/images/work/01/02.jpg">
<img src="assets/images/work/01/03.jpg">
</div>
HTMLマークアップが役立ちましたか? – dubbs