Question

在我的网站上，我在页面顶部有一个滑块类型的东西。每个幻灯片页面都有一个lilo和stitch的小图标，但是显示的唯一图标是默认滑块上的图标（欢迎滑块）....为什么会这样？

编辑：我无法让代码工作，但要查看问题，您将不得不查看源代码。其中包含图像的部分是带有容器ID的div，紧跟在div内部的拇指代码后面，其中包含了幻灯片的id。

网站网址为http://-respawn.tumblr.com

Answer 1

前两张图片（紫色动物）显示确定 - 接下来的三张图片不显示。

您的前两张图片加载为：

http://dl3.glitter-graphics.net/pub/1003/1003453kf9pkci1jl.gif

http://dl6.glitter-graphics.net/pub/600/600346jg80ocmixs.gif

而接下来的3个只是一个名为grey.gif的1x1空图像，所以很明显它不会显示任何内容。

http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif

http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif

http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif

不知道你在哪里打电话，但这就是为什么他们不会出示。

编辑：我注意到另一个有趣的事情 - 如果您快速向上和向下滚动浏览器，图片将会加载，因为代码会从以下位置更改：

<img src="http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif" style="float: left; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; margin-right: 7px; " original="http://dl6.glitter-graphics.net/pub/2000/2000286qs6oy6afoc.gif">

到

<img src="http://dl6.glitter-graphics.net/pub/2000/2000286qs6oy6afoc.gif" style="float: left; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; margin-right: 7px; display: block; " original="http://dl6.glitter-graphics.net/pub/2000/2000286qs6oy6afoc.gif">

看起来像thumblr所做的是首先加载虚拟图像而不是设置display:block。你必须找出造成这种情况的脚本。

Answer 2

将图像上传到tumblr时必定会发生一些事情。我建议创建一个帖子，点击“+上传照片”按钮，选择要在滑块中使用的.gif，将它们上传到帖子中，然后选择图像，然后点击小图像图标。这将打开一个带有URL的弹出窗口，复制该URL并将其粘贴为图像源。这样tumblr将托管您的图像，您可以在滑块中使用它们。

为什么这些图像不显示？

2 个答案: