Why aren't these images showing?
On my website, I have a slider type thing at the top of the page. Each slide page has a little icon of stitch from lilo and stitch, but the only icon that shows up is the icon on the default slider (welcome slider).... why is this?
EDIT: I can't get the code to work, but to see the issue you're going to have to view the source. The section with the im开发者_如何学编程ages inside it is the div with the id of container, right after the thumbs code which is inside the div with the id of slidebox.
The website URL is http://-respawn.tumblr.com
The first two images (purple animal) show up ok - the next 3 don't.
Your first two images load as:
http://dl3.glitter-graphics.net/pub/1003/1003453kf9pkci1jl.gif
http://dl6.glitter-graphics.net/pub/600/600346jg80ocmixs.gif
while the next 3 are just a 1x1 empty image called grey.gif so obviously it won't show anything.
http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif
http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif
http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif
No idea where you calling that from but that is why they won't show.
EDIT: Another funny thing i noticed - if you quickly scroll up and down your browser the images will load since the code changes from:
<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">
to
<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">
Seems like what thumblr does is to load first a dummy image and than set the display:block
. You will have to find out what script is causing that.
Something must have happened when you were uploading your images to tumblr. I'd suggest creating a post, clicking on the "+Upload photo" button, selecting the .gif
s that you want to use in your slider, upload them into a post and then select the image, and click on the little image icon. This will open a pop-up window with a URL in it, copy that URL and paste it as the source for your image. This way tumblr will host your images and you can use them in your slider.
精彩评论