为什么这些图像不显示?

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

编辑:我无法让代码工作,但要看到问题,你将不得不查看源代码 . 其中包含图像的部分是具有容器ID的div,紧跟在div内部的具有幻灯片id的拇指代码之后 .

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

回答(2)

2 years ago

前两个图像(紫色动物)显示确定 - 接下来的3个没有 .

您的前两张图片加载为:

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 . 您将不得不找出导致该脚本的脚本 .

2 years ago

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