Question

我想在wordpress上随机定位缩略图。图像不应重叠。此外，z-index并没有真正起作用（图像应该落后于所有其他元素）。内容是通过php文档动态生成的。我试图避免插件所以我这样做：

match_recognize

你能照亮我的路吗？这是页面：http://dev.visualvisual.com/works/

Answer 1

这样可以更好地完成工作，但Z-index仍无效。

<?php if ( has_post_thumbnail() ) : ?><div class="js-container bottomdrag">
<script type="text/javascript">

function randomMargin(){
$('.attachment-post-thumbnail').each(function(){
    randomizeObject(this);

});

}

function randomMargin(){
$('.attachment-post-thumbnail').each(function(){
    randomizeObject(this);       
});

}

function randomizeObject(el){
var randomnumber1=Math.floor(Math.random()*70);
console.log(randomnumber1);
var randomnumber2=Math.floor(Math.random()*50);
console.log(randomnumber2);
$(el).css({"margin-top": randomnumber1+"vh", "margin-left": randomnumber2+"vw", "z-index":"-999"});
}
randomMargin();


</script>
 <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
    <?php the_post_thumbnail(); ?></div> <!--end of js-container-->
</a>
<?php endif; ?>

随机定位图像并避免重叠（没有wordpress插件）

1 个答案: