Как изменить атрибут width/height изображения сообщения?

Я пытаюсь изменить атрибут ширины и высоты изображения одного эскиза сообщения. Вот результат HTML-тега, создаваемый WordPress.Как изменить атрибут width/height изображения сообщения?

<img width="1024" height="600" src="http://www.sample.com/wp-content/uploads/2015/02/image.jpg" alt="My site" width="100%" height="" />

Я хочу это width="1024" height="600" стать как это width="100%" height="" так что изображение уже реагирует на все другой экран окно, не делая CSS или JQUERY коды.

Мои коды ниже работают неправильно. Результатом является еще один width="100%" height="" /> после атрибута src вместо замены width="1024" height="600" перед атрибутом src.

Выходной тег изображения я ожидал, чтобы быть, как это

<img width="100%" src="http://www.sample.com/wp-content/uploads/2015/02/image.jpg" alt="My site" />

PHP код:

$attr = array( 
    'class'  => '', 
    'alt'  => 'My site' 
    'width'  => '100%', 
    'height' => '' 
); 
get_the_post_thumbnail($post->ID, 'full', $attr)

У меня есть еще один способ решить эту проблему. Коды ниже - мой второй вариант, но я также хочу знать, как этот атрибут image/height изменяется динамически.

$img_url= wp_get_attachment_image_src(get_post_thumbnail_id(), 'full'); 

<img width="100%" src="<?php echo $img_url[0]; ?>" alt="My site" />

Любая помощь очень ценится.

источник

2015-02-09 Anthony Carbon

Вы пробовали использовать CSS, чтобы исправить это? Добавление правила, например: .single .entry img {width: 100%; height: auto;} работал для меня в прошлом как способ переопределить ширину/высоту Wordpress, присваиваемую миниатюре. (Конечно, я предполагаю, что в селекторах .single .entry вам нужно будет использовать то, какие селекторы будут нацелены на ваши одиночные изображения. – scmccarthy22

Да, я могу это сделать, но хочу, чтобы это было исправлено динамически. или Jquery –

вы пробовали: если (has_post_thumbnail()) { $ image_src = wp_get_attachment_image_src (get_post_thumbnail_id(), 'полный'); эхо ''; } – scmccarthy22

Вы можете найти URL-адрес с миниатюрами & поддавки CSS для этого

<?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?> 
<img src="<?php echo $url; ?>" class="img_thumb"/>

источник

2015-02-09 17:03:52

Создание пользовательских размеров изображений, когда новые изображения будут загружены:

if (function_exists('add_image_size')) { 
    add_image_size('thumb-400', 400, 350); //cropped 400 pixels wide, max 350px height 
    add_image_size('center', 550, 367, array('center', 'center')); //center crop 
    add_image_size('default-thumb', 600); // 600 pixels wide (and unlimited height) 
}

В шаблоне:

$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'thumb-400'); 
$t = $thumb[0];

HTML

<img class="thumbnail" src="<?php echo $t ?>" />

источник

2015-02-10 00:37:26

Как изменить атрибут width/height изображения сообщения?

ответ

Смежные вопросы