Почему эти изображения не отображаются?

Question

На моем веб-сайте в верхней части страницы есть слайдер. На каждой слайд-странице есть маленький значок стежка из lilo и stitch, но единственный значок, который отображается, это значок на ползунке по умолчанию (ползунок приветствия) .... почему это?

РЕДАКТИРОВАТЬ: Я не могу заставить код работать, но чтобы увидеть проблему, вам придется просмотреть исходный код. Раздел с изображениями внутри - это div с id контейнера, сразу после кода превью, который находится внутри div с id слайдбокса.

URL-адрес веб-сайта http: //-respawn.tumblr.com

Answer 1

Первые два изображения (фиолетовое животное) отображаются нормально, а следующие 3 - нет.

Ваши первые два изображения загружаются как:

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

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

в то время как следующие 3 представляют собой пустое изображение размером 1x1, называемое grey.gif, поэтому очевидно, что оно ничего не покажет.

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 s, которые вы хотите использовать в своем слайдере, загрузить их в сообщение, а затем выбрать изображение и нажать на маленькое изображение.значок.Откроется всплывающее окно с URL-адресом, скопируйте этот URL-адрес и вставьте его в качестве источника вашего изображения.Таким образом, Tumblr будет размещать ваши изображения, и вы сможете использовать их в своем слайдере.