从嵌入式 Flickr 图像中删除导航箭头答案

【问题标题】：Remove navigation arrows from embedded Flickr image从嵌入式 Flickr 图像中删除导航箭头
【发布时间】：2014-10-10 16:22:05
【问题描述】：

我在 Flickr 上托管图像，并在 Survey Monkey 中使用以下 HTML 代码在多项选择题的响应部分显示图像：

<iframe src="https://www.flickr.com/photos/128329805@N07/15472931866/player/" width="75" height="31" frameborder="1" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

Fiddle

然而，图像出现了，一组箭头出现在图像上 - 它们看起来像滚动箭头。对于某些用户，一旦加载图像，箭头会短暂出现然后消失。但是，对于其他用户，图像加载和箭头加载并且是静态的 - 它们不会消失。这并不理想，因为箭头覆盖了图像并使其不可见。

这似乎不是浏览器问题，因为用户使用 Chrome 和 IE8 进行了测试。有没有人有过与Survey Monkey类似的经历？知道如何删除这些箭头吗？

【问题讨论】：

标签： html image flickr

【解决方案1】：

如果您检查我添加到您的问题的演示页面，您可以看到 Flickr 动态添加了覆盖导航。使用 iframe 嵌入方法时，似乎没有办法避免这种情况。

但是，您可以改用 HTML 嵌入方法，共享对话框中也提供该方法：

<a href="https://www.flickr.com/photos/128329805@N07/15472931866" 
    title="10-2-2014 9-36-26 AM-0000 by Leanne Rayo, on Flickr">
    <img src="https://farm3.staticflickr.com/2946/15472931866_e6db07ce2a_t.jpg" 
        width="75" height="31" alt="10-2-2014 9-36-26 AM-0000"></a>

Fiddle

如果你不想它是一个链接，只需删除两个锚标签：

<img src="https://farm3.staticflickr.com/2946/15472931866_e6db07ce2a_t.jpg" 
    width="75" height="31" alt="10-2-2014 9-36-26 AM-0000">

Fiddle

【讨论】：