Замена размера изображения через пользовательский класс?

Question

[Алексей]

Вставляю среднее избражение

<img class= " ..." src="http:/xxx-300-200.jpg" alt="...." width="300" height="200" />

теперь в коде страницы ссылаюсь на основное

<img class= "zzz ..." src="http:/xxx.jpg" alt="...." width="300" height="200" />

размеры определяю в классе zzz, с размерами все нормально
Но вот изображение выводится прежнего размера из файла http:/xxx-300-200.jpg(уменьшенное изображение)
1. Почему так?
2. Можно ли это как то забороть без удаления вручную width="300" height="200" ?

Answer 1

[Astrohas]

https://jsfiddle.net/cLjzuzen/2/
А у вас все там правильно?

Comments

[Алексей]

Это вордпрессс!! я так понимаю он сам решает какое изображение более правильно выдать не взирая на то что я ему указал другой файл

[Игорь Воротнёв]

Алексей selftrips.ru, не, он сам не решает. У него есть несколько размеров, какой выбрать указывается при вставке в контент, в других местах - передачей нужного аргумента в вызывающую функцию.

[Алексей]

Игорь Воротнёв, сам в том смысле что не взирая на указанный файл, он берет другой. Можно это как то отключить, если есть пользовательский класс? (т.е. в этом классе или проверяя что есть пользовательский класс значит не надо так делать)

[Игорь Воротнёв]

Алексей selftrips.ru,

не взирая на указанный файл, он берет другой

Да нету такого, вы что-то путаете. Как вы файл указываете?

Можно это как то отключить, если есть пользовательский класс? (т.е. в этом классе или проверяя что есть пользовательский класс значит не надо так делать)

При чем здесь CSS-классы? Они определяют как уже выведенную картинку стилизовать.

[Алексей]

Игорь Воротнёв, просто убираю "-300х200". Получается исходный файл, он есть, по ссылки открывается. но на странице выводятся с именами + "-300х200".
А вот если удалить width="300" height="200" то ничинают выводиться правильные!"

[Игорь Воротнёв]

Алексей selftrips.ru,

просто убираю "-300х200"

Откуда убираете?

А вот если удалить width="300" height="200" то ничинают выводиться правильные!"

Эти атрибуты не имеют никакого отношения к реальному размеру изображения, оно может быть 1200х800 например. Атрибуты width и height говорят браузеру отобразить изображение в прямоугольнике размером 300 на 200. Если само изображение больше - оно будет сжато, если меньше - растянуто.

[Алексей]

img.zzz{
  /*
  width:300px!important;
  height:200px!important;
	display: inline!important;
	float: left!important;
	margin-right: 24px!important;
	margin-top: 4px!important;
  */
  width:600px!important;
  height:400px!important;
    float: none!important;
	clear: right!important;
	display: block!important;
	margin-left: auto!important;
	margin-right: auto!important;
}

1.в обоих картинках используется ссылка на полные файлы
2. В обоих определен пользовательский клас
3. В одной есть ширина высота, в другой нет

<h4 class="separ_h">4.Церковь Парк-Стрит</h4>
<p><img class="zzz alignleft size-medium wp-image-34015" title="Церковь Парк-Стрит" src="http://selftrips.ru/wp-content/uploads/2008/12/2008-12-27-ot-bostona-k-niagarskomu-vodopadu/Park-Street-Church-1.jpg" alt="Park Street Church" width="300" height="200" />Имеет высоту 66 метров. Какой отношение имеет к борьбе за независимость - непонятно, так как заложена значительно позже - в 1809 году.</p>
<h4 class="separ_h">5.Кладбище Гранари</h4>
<p style="text-align: justify;"><img class="zzz alignleft size-medium wp-image-34014" title="Кладбище Гранари" src="http://selftrips.ru/wp-content/uploads/2008/12/2008-12-27-ot-bostona-k-niagarskomu-vodopadu/Granary-Burying-Ground-1.jpg" alt="Granary Burying Ground"  />Кладбище примечательно обелиском, построенным в 1827 году в честь родителей и родственников<strong> Бенджамина Франклина</strong>, того самого который изображен на банкноте в 100 баксов. Он не был Президентом <strong>США</strong>, хотя в широких народных слоях считается, что на всех баксах изображены Президенты <strong>США</strong>.</p>
<p style="text-align: justify;">На кладбище установлены надгробия убитым в Бостонской бойни 5 марта 1770 года.</p>

смотрите качество картинок и название фалов
selftrips.ru/strany-i-mesta/severnaya-amerika/ssha...

[Astrohas]

Алексей selftrips.ru, display: block!important; думаю проблема в этом

Answer 2

[Дмитрий Дербенев]

Используй !important для стилей