问题标签 [mosaic]

我正在尝试制作一个“图像马赛克”，主要由相同大小的图像组成，其中一些是双倍高度。

它们都应该像这样整齐地对齐：

为了使这些马赛克的自动生成尽可能容易，我认为浮动它们是最好的选择。不幸的是，大块导致以下流在它后面，但不是在它之前：

我能做什么 - 除了手动定位它们 - 将图像放到我想要的位置，并且仍然可以轻松地自动创建类似的布局？

我目前使用的代码是：

小提琴

HTML：

CSS：

我想结合这两种效果

jQuery Mosaic > http://buildinternet.com/project/mosaic/ 和Pure CSS3 box-shadow 页面卷曲效果 > http://matthamm.com/box-shadow-curl.html

有人可以给我一个例子吗？

我刚刚收到了一个项目的以下设计，一个图像网格库，带有动态宽度和高度图像（用户提交的图像）。（截图在文末）

我尝试过jQuery Masonry、Tympanus Automatic Image Montage和CSS-Tricks Seemless Responsive Photo Grid，但每个都有其局限性。

• Jquery Masonry 允许宽度和高度都是动态的，但是会产生间隙
• 后 2 个脚本生成非常漂亮的网格，但存在宽度或高度必须是静态的问题

编辑：我遇到了Isotope，它几乎是完美的，我可能最终会使用它，除非有什么东西可以完全解决我的需求。因此我的问题仍然是一样的......

是否有任何 javascript（最好是 jQuery）脚本可以生成完全动态的马赛克（就图像大小而言），就像下面的屏幕截图中的那样？

谢谢你的帮助

我在这个 Web 项目中遇到了与 CSS 相关的问题。该网站是用 PHP 编码的，但在这个例子中，我只是发布了相关的 HTML。

我已经编译了我的 CSS（从 .SCSS 编译）并附加了整个 CSS 文件。

这是小提琴 - 整个 CSS 文件
第二个小提琴 - 只是马赛克 CSS

[编辑]
澄清：
这里有三个图像彼此相邻排列，间隔 10 像素。马赛克 jquery 插件，在悬停状态期间，向上动画标题文本并带入视图 ap 元素文本。此外，通过 css 悬停时还有一个灰度过滤器。

问题是我的 CSS 编辑出了点问题，现在图片甚至都不会显示。没有显示任何内容。

什么 CSS 属性导致这些图像不显示？

我正在尝试创建类似于以下网站的内容

基本上我所追求的是使用同位素来创建一个包含大量缩略图的投资组合页面。一旦用户将鼠标悬停在缩略图上，将出现（淡入）标题覆盖，然后当用户单击缩略图时，将出现照片的大版本。布局将重新排列。

到目前为止，我已经设法使用几个插件来分别实现效果......换句话说，我使用 Mosiac.js 来实现悬停效果和 Isotope.js 来实现布局。你可以看到我目前在马赛克.html和isotope.html上的内容

我被困住了。我不知道如何结合这两种解决方案。我尝试过使用 CSS 类并稍微使用 jQuery。我是 jQuery 新手 :(

请帮忙！

如果您需要更多信息或问题不清楚，请告诉我

我正在用 Java 编写照片马赛克。为此，我必须计算和比较 2 个图像的 RGB，并用最合适的平铺图像替换目标图像。最恰当的意思是，如果我们没有找到精确的 RGB 匹配，d则允许出现 say 错误。

我正在使用以下代码来计算 RGB：

它的作用是从给定的路径中获取图像，计算其 RGB 并将其存储在HashMap.

有没有更好的方法来计算 RGB 并比较它们以获得更好的结果？

编辑：我根据一些评论编辑了我的问题。

我首先想说的是，这个网站对我非常有用，因为我在业余时间一直在学习网络编码。我决定注册，因为我有一个具体的问题想问。

我正在开发我的新网站和一个特定的测试页面 ( www.owenprescott.com/home.html )。我遇到了一个问题，希望有人可以帮助我。我有一个 jQuery 插件，它在我的缩略图图像上创建悬停效果，并且内联代码导致问题 (jquery.dirinline.js)，该函数针对我的 (li) 框并说... $('.da-拇指 > li').hoverdir();

问题是我有几个白框，项目信息包含在 (li) 标签中。我不希望上面的 jQuery 函数影响白框。如果您访问我的网站，当您将鼠标悬停在白框上时，您会看到问题所在。对于某些输入，我会非常满意，要么我需要更改 jQuery 函数，要么从白色信息框中删除 (li) 标签，但是我不确定如何让它们以任何一种方式正确显示。

我希望我没有让这个问题变得混乱，并提前感谢您的任何建议。此外，如果您对改进我的代码有任何建议，请随时告诉我，这将是我的模板页面，我知道我仍然需要删除默认的 Dreamweaver 信息。

我正在尝试使马赛克 jQuery 插件在 wordpress 中工作，直到现在我不得不使用 iframe 来完成它，这有点痛苦。

在 wordpress 中使用时的问题是文本是非常深的灰色而不是白色。

似乎看到 css 和 js 文件似乎已加载，并且我在 chrome 检查元素控制台中没有看到任何错误。

http://rise-sandbox1.co.uk/social-test-for-tudor/

使用的 CSS

和 javascript

我正在为帖子和页面使用一个名为特定 css/javascript 的插件来实现通常运行良好的代码 html

希望有人可以帮助这让我发疯

我正在尝试在马赛克视图中调整专辑封面缩略图的大小。我可以使用下面的代码为马赛克视图设置空间的宽度和高度，但我不知道如何调整显示的实际图像的大小：

任何人都可以帮忙吗？

在此先感谢，詹姆斯

我已经下载了大量 MODIS hdf 文件并从每个文件中提取了所需的波段。如何使用 Python 中的 GDAL lib 将所有 hdf 文件拼接在一起并重新投影？谢谢！