plugins - LightBox v2 缩小框中的图像

标签 plugins lightbox lightbox2

我目前正在为自己开发小型画廊网站并显示我决定使用 LightBox v2 插件的每张图片。 http://lokeshdhakar.com/projects/lightbox2/

但不幸的是,这并不像我想的那样简单。该插件有效,我的意思是,我可以在灯箱中显示图像(我有上一个/下一个按钮,这不是问题)但是每个图像的宽度都缩小了,我真的不明白为什么!

这里是它当前的示例: http://sdz-upload.s3.amazonaws.com/prod/upload/Capture%20d%E2%80%99e%CC%81cran%202013-07-08%20a%CC%80%2011.49.56.png

这里是我的代码:

<h2>Par Catégorie</h2>

<?php

$reqcategorie = db_query('SELECT * FROM photos');
    while($donneecategorie = $reqcategorie->fetch()) { 
        ?>
<a href="index.php?page=fiche&categorie=<?php echo $donneecategorie['categorie'];?>"><?php echo $donneecategorie['categorie'];?></a>

<?php

    }

?>

如果你已经使用过这个插件并且遇到过这个问题,请告诉我你是怎么解决的。

PS:我用的是 Twitter Bootstrap,两者之间有什么不兼容的地方吗?

最佳答案

添加以下css规则:

.lb-image{
  max-width: inherit;
}

Bootstrap 将默认的 img max-width 设置为 100%,并且由于某种原因灯箱停止调整大小。

-- 解决方案由 https://github.com/kiballion 通过电子邮件发送给我.信用到期。

关于plugins - LightBox v2 缩小框中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17523977/

相关文章:

ruby-on-rails - 如何在插件的 before_save 回调中包含实例方法?

javascript - 为数据表中的行添加 id

javascript - Lightbox 2 在另一个页面中打开图像。我该如何解决?

grails - 多项目中的插件在Grails 3.2.11上失败

java - 如何获取当前选择的项目名称?

jquery - Featherlight.js - 仍在滚动的大图像

html - 如何在图像下方添加标题(图像用于灯箱)

jquery - 如何将动态 URL 传递到 Lightbox 2 实例中,而不是使用其硬编码 `this.URL` ?

javascript - 跨域 Iframe 的任何灯箱

php - 在 Lightbox 上定位关闭按钮