在我的网站上,我在页面顶部有一个滑块类型的东西 . 每个幻灯片页面都有一个lilo和stitch的小图标,但是唯一显示的图标是默认滑块上的图标(欢迎滑块)....为什么会这样?
编辑:我无法让代码工作,但要看到问题,你将不得不查看源代码 . 其中包含图像的部分是具有容器ID的div,紧跟在div内部的具有幻灯片id的拇指代码之后 .
网站网址是http://-respawn.tumblr.com
前两个图像(紫色动物)显示确定 - 接下来的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 . 您将不得不找出导致该脚本的脚本 .
display:block
当您将图像上传到tumblr时,肯定会发生一些事情 . 我建议创建一个帖子,单击"+Upload photo"按钮,选择要在滑块中使用的 .gif ,将它们上传到帖子中然后选择图像,然后单击小图像图标 . 这将打开一个带有URL的弹出窗口,复制该URL并将其粘贴为图像源 . 这样tumblr将托管您的图像,您可以在滑块中使用它们 .
.gif
2 回答
前两个图像(紫色动物)显示确定 - 接下来的3个没有 .
您的前两张图片加载为:
而接下来的3个只是一个名为grey.gif的1x1空图像,所以显然它不会显示任何内容 .
不知道你在哪里打电话,但这就是为什么他们不会展示 .
编辑:我注意到另一个有趣的事情 - 如果您快速向上和向下滚动浏览器,图像将加载,因为代码更改为:
至
看起来像thumblr所做的是首先加载虚拟图像而不是设置
display:block
. 您将不得不找出导致该脚本的脚本 .当您将图像上传到tumblr时,肯定会发生一些事情 . 我建议创建一个帖子,单击"+Upload photo"按钮,选择要在滑块中使用的
.gif
,将它们上传到帖子中然后选择图像,然后单击小图像图标 . 这将打开一个带有URL的弹出窗口,复制该URL并将其粘贴为图像源 . 这样tumblr将托管您的图像,您可以在滑块中使用它们 .