width = "" и "height" на img, испортив их видимость

-8

Почему мне нужно указать ширину = "" и height = "" изображений на этой странице, чтобы они отображались правильно? Изображения в этом списке, которые не указывают их тусклые изображения, не видны. Могу ли я сделать это так, чтобы мне не нужно было указывать?

Благодарю!

http://www.rollinleonard.com/elements/index-new.php

http://jsfiddle.net/ZTDjf/ -delete бит, выделенный на этом изображении: http://i.imgur.com/SquKx.png -see, как результат скрывает это изображение? Почему это?

спросил(а) 2021-01-19T20:23:55+03:00 6 месяцев, 1 неделя назад
1
Решение
64

Я думаю, что jquery.hover_caption.js полагается на ширину и высоту, которые вы указали для изображения.

Он примет значения ширины и высоты и применит к родительскому DIV, который плагин создан на лету.

Если вы не укажете ширину и высоту изображений, плагин не будет знать, какую высоту/ширину он должен поместить в родительский div. поэтому родительский div имел бы <div style="width: 0px; height: 0px;">

Вот почему изображение не появляется.

см. разметку html ниже:

<div style="width: 0px; height: 0px;"><h3 class="hover_caption_caption" style="padding: 0px; color: white; width: 0px; font-size: 18px; position: absolute; margin: 0px; display: none;">SPR scene 7.1 2011</h3><img title="SPR scene 7.1 2011" src="zzzthumbs/spr-scene7.1.jpg" style="z-index: -1; position: relative; font-weight: bold;"></div>

ответил(а) 2021-01-19T20:23:55+03:00 6 месяцев, 1 неделя назад
46

Я думаю, что все, что вам нужно сделать, это запустить плагин в обработчике "load" вместо "ready".

<script>
$(window).load(function() {
$('img').hover_caption();
});
</script>

Когда вы запустите его на "готовом", изображения не будут загружены, поэтому плагин не будет знать, насколько они велики.

ответил(а) 2021-01-19T20:23:55+03:00 6 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема