我一直试图弄清楚如何使BC的照相馆灯箱响应.我不知道他们为什么不首先让它反应灵敏,但无论如何.这是我正在处理的网页:http://ladyilgphotography.businesscatalyst.com/family-photography
这是我到目前为止所拥有的.
<script>
$('body').click(function() {document.getElementById('outerImageContainer').onclick=function(){
var elem = document.getElementById('outerImageContainer');
var newWidth = 0;
var newHeight = 0;
var w = parseInt(elem.style.width);
var h = parseInt(elem.style.height);
var ratio = parseInt(w / h);
newWidth = window.innerWidth - 80;
alert(newWidth);
newHeight = parseInt(newWidth * ratio);
elem.style.width = newWidth + 'px';
elem.style.height = newHeight + 'px';
};});
</script>
我确信这不是最干净的解决方案或最有效的解决方案,但它的工作正常!
问题是脚本在加载图片后立即运行,然后运行Business Catalyst的脚本,之后重置我的函数设置的值.
我想到了另一种解决方案是只是一个补充95% max-width到"#outerImageContainer",但是当我这样做,它开始通过画廊和图像点击几下后,打破开始在页面上移越走越远,而收藏的包装保持不变.
最后,我尝试使用另一个照片库插件,但唯一的问题是像漂亮照片或照片的插件只针对页面上加载的图像,但在我的情况下,图库中的图像比显示在页面上.
再次总结一下我的咆哮,我怎样才能使BC的灯箱响应,使宽度和高度都与正在加载的图像相匹配？
因此，我多次使用 og 标签，并成功地与自定义图像共享博客文章，但由于某种原因，我无法弄清楚这一点。
根据 fb 调试器，我所有的元标记都是正确的，我得到了 200 个代码。甚至原始打开图形文档信息也显示了我使用 http 前缀添加的图像的完整正确路径，如果我复制并粘贴到新选项卡上，则会将我带到正确的图像。但是对象属性中的图像被一个 1x1 像素的点替换，我只有在检查元素时才能看到它。我知道整个 og 事情已经被一遍又一遍地讨论，但我无法在任何地方找到这个奇怪的 1x1 像素问题的答案。我正在尝试的链接是http://ladyilgphotography.businesscatalyst.com/lady-ilg-journal/casper-and-maggie-beautiful-wedding-grant-humphrys-mansion-wedding
感谢您提供的任何帮助。