修复了 PrettyPhoto 中的窗口大小

发布于 2024-11-16 22:17:30 字数 208 浏览 3 评论 0原文

我在 django 应用程序中使用 Prettyphoto 作为照片库。我的图像有最大高度/宽度(带有缩略图),但纵横比不同。因此,prettyphoto 的窗口也会改变它的长宽比,并且每次加载下一个/上一个图像时,前进/后退按钮都会改变位置(它们移动)。有没有办法让 PrettyPhoto 具有固定的窗口大小?或者为图像添加边框,使其格式为方形等。但我不想裁剪图像。

提前致谢 雅克

I'm using prettyphoto for a photo gallery in a django-app. My Images have a maximum height/width (with sorl-thumbnail), but the apect-ratios are different. Because of that, the window of prettyphoto also changes it's apect-ratio and the go-forward/go-back Buttons change positions (they move) everytime it loads the next/previous image. Is there a way to make prettyphoto have a fixed window size? Or add borders to the images so that their format is, for example, square. But I don't want to crop the image.

Thanks in advance
Jacques

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

羅雙樹 2024-11-23 22:17:30

如果不修改 PrettyPhoto.js 脚本,可能无法执行您想要的操作。

您可以使用 PrettyPhoto 的一些选项,看看是否可以获得所需的效果:

$(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto({
    allow_resize: true, /* Resize the photos bigger than viewport. true/false */
    default_width: 500,
    default_height: 344,
    horizontal_padding: 20
  });
});

祝您好运!

伊恩。

There may not be any way to do what you want without modifying the prettyPhoto.js script.

There are some options to prettyPhoto you could play with, to see if you can get the desired effect:

$(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto({
    allow_resize: true, /* Resize the photos bigger than viewport. true/false */
    default_width: 500,
    default_height: 344,
    horizontal_padding: 20
  });
});

Good luck!

ian.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文