Question

所以我使用venobox在我的网站上显示图片，或者至少我尝试过。但是当我点击缩略图时，它会在屏幕底部显示部分图像。所以我只能看到图像的顶部。

这部分来自html文件的标题

<!-- Add venobox -->
<link rel="stylesheet" href="venobox/venobox.css" type="text/css" media="screen" />
<script type="text/javascript" src="venobox/venobox.js"></script>

此部分位于显示图像缩略图的div中

<div>
    <h5>De springplank 2011</h5>
    <a class="venobox" data-gall="gallery1" href="images/1.jpg"><img src="images/thumb-1.jpg"/></a>
    <a class="venobox" data-gall="gallery1" href="images/2.jpg"><img src="images/thumb-2.jpg"/></a>
    <a class="venobox" data-gall="gallery1" href="images/3.jpg"><img src="images/thumb-3.jpg"/></a>
    <a class="venobox" data-gall="gallery1" href="images/4.jpg"><img      src="images/thumb-4.jpg"/></a>
    </div>

这部分就在身体结束之前，如说明书中所述。

<script>
$(document).ready(function(){

/* default settings */
$('.venobox').venobox(); 


/* custom settings */
$('.venobox_custom').venobox({
    framewidth: '400px',        // default: ''
    frameheight: '300px',       // default: ''
    border: '10px',             // default: '0'
    bgcolor: '#5dff5e',         // default: '#fff'
    titleattr: 'data-title',    // default: 'title'
    numeratio: true,            // default: false
    infinigall: true            // default: false
});

/* auto-open #firstlink on page load */
$("#firstlink").venobox().trigger('click');
});
</script>

这是我遵循的指示：http://lab.veno.it/venobox/

所以，如果你们中的任何人能够帮助我，那就太棒了！

很抱歉没有显示图片，显然必须有至少10的声誉。

Answer 1

我可以通过将其添加到我的css文件中来解决它：

.vbox-content { margin-top：9px！重要; }

该插件会为vbox-content类动态生成自己的高边距值，因此您必须包含！important来强制自己执行此操作。

祝你好运。

Venobox部分显示图像，位于屏幕底部

1 个答案: