【问题标题】:Dynamic position of images according to their size根据大小动态定位图像
【发布时间】:2012-08-27 23:57:55
【问题描述】:

我的照片库中有各种图像。但是当我显示特定相册的照片时,很难将图像大小与其位置保持一致。如果我让图像大小(高度或宽度)保持动态,图像就会被定位在这里和那里(分散)。当我修复图像的大小时(比如高度:200 宽度:200).. 缩略图看起来很沉闷。有什么办法可以解决这个问题?

我尝试计算每个图像的高度和宽度,然后根据它定位它们。我遇到了问题,但我想我可以让它这样工作。还有其他更好的选择吗?

我希望图像在本网站中的位置http://gses.snu.ac.kr/eng/

更新 我的图像可以动态添加或删除。

【问题讨论】:

  • 要显示的图像是动态的吗?即新的可以“上传”还是修复。您指向的站点可能从未更改过它们,或者他们有非常严格的更改方式。该设计要求每个图像具有特定的大小和顺序,以免破坏该布局。简而言之,由于其布局,该布局不太适合动态图像集。
  • @paul sullivan 我的图片可以动态添加和删除。
  • 那我会说你运气不好。您会看到设计中有很多“溢出”的图像,并迫使图像环绕溢出的图像(高的图像)。尝试将其作为流动(非固定)布局来做,您会头疼的。如果您设法在 javascript 或直接 css 中完成它,我会感到惊讶
  • 顺便说一句,我认为这是可以做到的,但是...我最近实现了一个“砌砖应用程序”,它拍摄了砖面的图像并构建了一个墙壁设计,其中包括砖块。我现在告诉你,这非常复杂,需要大量的玩耍。你的想法很相似。
  • @PaulSullivan Ya.. 让我们看看.. 我不认为我可以让它工作.. 但我会尝试.. 无论如何谢谢.. 还有一个关于 stackpverflow 的问题,我如何保留我的账户活跃?我的最后一个帐户已停用。是因为我问了这些问题吗?

标签: php jquery css


【解决方案1】:

实际上并没有一种方法可以同时使用 CSS 垂直和水平对齐随机图像。相信我,我已经尝试了一切。最终,您所能做的就是制作一个标准尺寸的“盒子”,以适应您期望拥有的最大图像并在其中显示图像。至少,这会给你一种秩序感。

这是我的意思的一个例子:

http://www.marianoagency.com/payment

我希望能够将图像直接放在中心(使用表格很容易),但由于动态图像的大小可变,我无法使用纯 CSS 来实现。

【讨论】:

  • 感谢您的回答。我也一直在为我开发的一个网站的画廊使用相同的东西 artudio.org/gallery.php 。我一直在做的另一件事是创建一个小于要包含在其中的图像的 div 并设置 overflow:none ;通过这种方式,我可以包含任何图像并且不会担心外观暗淡,但它会裁剪该特定图像。不是一种合适的方法,但可以用来使事情发挥作用。
  • 我找到了一个网站,该网站的图像是动态加载的,但位置却很合适。我仍在弄清楚如何做到这一点。任何建议pinterest.com/all/?category=technology
猜你喜欢
  • 2016-01-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-11-14
  • 2021-08-02
  • 2022-07-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多