问题标签 [cover]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2040 浏览

image - 是否有类似 facebook api 中的 soundcloud 艺术品 url 方案?

我想显示我拥有 Track-URL 的 soundcloud 轨道的艺术图像。

我知道当我从 URL 中提取轨道键/ID 时,我可以通过他们的 API 请求艺术品 URL,然后将检索到的 URL 注入到图像标签中。

我想知道的是,是否可以使用某种 URL 模式使 soundcloud 将浏览器转发到正确的艺术品 URL,就像它可能使用 facebook 个人资料图像一样。

例如:

马克扎克伯格目前的头像有网址http://profile.ak.fbcdn.net/hprofile-ak-prn2/t5/202896_4_1782288297_q.jpg

那是一些神秘的东西,因为它托管在 CDN 上。Soundcloud 艺术作品 URL 看起来也很神秘。

现在,当我知道标记 facebook id/key(“zuck”)时,我可以像这样简单地访问他的个人资料图片:

http://graph.facebook.com/zuck/picture

该 URL 由 facebook API 自动转发到个人资料图片 URL。

使用此 URL 模式,您不仅可以抽象出额外 API 请求的原因,而且还可以保证处理时间。

soundcloud 轨道艺术作品有这样的功能吗?

0 投票
1 回答
727 浏览

css - 背景图像:封面,闪烁的图像

我使用了许多覆盖的背景图像。

如果我在页面内容区域和固定的左侧面板内使用相同的图像,它会闪烁很重。

转载:http: //jsfiddle.net/7aUnL/8/

HTML:

CSS:

没有小图标,问题就消失了。有什么建议么?

编辑:使用相同图像的较小版本一切都很好:http: //jsfiddle.net/nxU3s/1/

0 投票
1 回答
324 浏览

perl - Perl:在外部 JPG 文件中保存 MP3 ID3-Tags 的封面

我试图将图像数据从 am id3 标签保存到 jpg 文件

我的实际脚本读取图像数据并将其写入文件,其代码看起来与原始图像文件完全相同,但如果我打开它,它看起来像这样:http: //i.imgur.com/opq3Gqb.jpg 原始图片: http://i.imgur.com/ZZGLBmK.jpg

我使用以下代码:

我的错在哪里?

0 投票
2 回答
123 浏览

css - 居中时如何堆叠两个img标签

我正在尝试将两个 img 标签放在一起,但让它们都居中。

这是我尝试做的地方:http: //nathanturnbull.me/scrolldiv/home.html

的HTML:

的CSS:

0 投票
6 回答
24867 浏览

html - 防止固定位置的背景图像:隐藏地址栏后在移动浏览器中调整封面大小

抱歉,这方面没有示例,但我认为这很容易理解。

我的网站上有一个固定的背景,目前是这样实现的:

到目前为止,这在所有浏览器中都很棒,除了移动浏览器在向下滚动时会隐藏地址栏。当地址栏被隐藏时,视口会垂直扩展,背景图像会自行调整大小。在这个特定的网站上,用户上下滚动是很常见的,而且效果会分散注意力。

关于解决此问题或以不同方式实施背景的任何想法或策略?

我可以将整个东西包装在一个固定的容器中,并将溢出-y设置为滚动,这可以防止地址栏被隐藏,但我不想这样做(谷歌眼镜无法滚动浏览这些容器,哈哈...也想在那里演示)。

我一直在尝试考虑提供背景图像的东西:使用某种缓冲区覆盖功能,以便它渲染大于视口,并且除非视口扩展到该缓冲区之外,否则不会重新渲染,但我'不知道如何实现。

编辑:我实际上确实实现了这一点,并在下面的答案中详细说明了该过程。但是,即使使用此缓冲区设置(将背景图像的高度扩展为比视口高度大 60+ 像素),在地址栏隐藏时,它仍然会显示一个空白的背景色段,并且一旦你停止滚动,它会渲染背景图像的其余部分。

仍在寻找一种方法来保持本机地址栏隐藏功能(现已在 iOS 8 中扩展到 iPad 上的 iOS Safari),并且还有一个全屏背景图像,即使在隐藏地址时视口改变高度,它也始终完全呈现酒吧。开始怀疑我是否应该为所有浏览器提交错误报告......

0 投票
1 回答
4586 浏览

jquery - 背景覆盖+视差

我正在制作带有固定背景和封面的整页。

当我添加视差时 - 动画看起来很棒,但它滞后了这么多,我不知道为什么。我有很好的电脑,所以不是这个问题,我之前制作了其他视差,这并不落后。

有什么解决办法吗?

BG

视差插件:jQuery Parallax 版本 1.1.3

0 投票
2 回答
3585 浏览

jquery - 检索设置为“cover”的背景图像的大小

美好的一天。我有一个 div,其背景图像的大小设置为cover.

如何使用 javascript 或 jquery 获取背景大小?

我的意思是,背景将用其尺寸之一填充 div,宽度或高度,我想了解完整(计算)图像的宽度和高度,而不仅仅是可见部分。

假设我们调整了 wwindow 的大小,我们会看到背景覆盖了整个 div,当然有些部分是不可见的,因为“cover”会填充 div 的宽度或高度......对于每次调整大小,这是整个图像的尺寸(可见和不可见部分) ?

0 投票
1 回答
84 浏览

image - 在保持全屏高度的同时居中图像

即使窗口变小,我也希望图像保持浏览器窗口的整个高度。这似乎可以解决问题。但是,目前,图像仍然锚定在屏幕的左侧,而图像的右侧是随着窗口大小调整而丢失的。相反,我希望图像从两侧切开,留下居中的图像。这可能吗?

注意:我需要 div 中的图像,而不是设置为背景。

谢谢!

这是我目前正在使用的 CSS:

0 投票
1 回答
90 浏览

css - 如何使用css使用div上的cover属性设置背景图像,而不是body?

我有一个 div,.cover-section,我想要一个完整的背景图像,它是视口的大小。我想使用封面 css 属性。我已经为页面的主体工作,但如果我添加更多内容并尝试滚动,图像将保留为背景。我希望图像与内容一起滚动。这是我到目前为止所拥有的:

我怎样才能让它做我想做的事?

0 投票
1 回答
627 浏览

facebook - 通过带有偏移裁剪的图形 api 访问全尺寸 (851x315) 时间轴封面照片

这是https://stackoverflow.com/a/21074207/3269910的一个连续问题

解决方案似乎很好 c0.0.851.315

但 c0.0 值指向图像的 0x0 位置

我想要的是带有 offset_y 的图像。如果 offset_y: 20,

即,我想要相同的大小和图像的一部分,我在 api 调用中的页面时间轴中看到的内容。

是否有可能做到这一点 ?

注意:如果我将 c0.0 的零值更改为其他值,则它指向像素,但我认为 offset_y 是 %。

谢谢你的帮助。