Изображение внутри div искажено. (Wordpress)

Question

У меня есть этот сайт:

http://www.ajs.gr/site.php/?portfolio-types=outdoor

Изображения уже подстриженные из шаблона WP. Он показывает размер эскиза изображения, заданного шириной и высотой.

Если я поставил полный размер, изображения очень велики. Когда я стиль img ширина: 290px; и высота: 100%; он работает неправильно. Изображение переполняет div по высоте. Он не искажен, а расширяет его внутри. Я хочу, чтобы изображение было полностью показано внутри div, не обрезано и, конечно, не искажено.

Возможно ли это? Я пробовал что-нибудь!

PS: Его мой первый раз я спрашиваю что-то в stackoverflow.com. Извините, если я сделал что-то не так:>

Answer 1

Понял !! Я так счастлив!

Хорошо, все, что я сделал, это показать изображение в качестве фонового изображения в div. я не называю изображение как

И дал этот бог сделал стиль:

фон-размер: содержать;

к div, который имеет изображение в качестве фона.

Конечно, нет повторного и центрального положения и финито!

Его так здорово!

Answer 2

С помощью ваших тем файла functions.php вы можете настроить предварительно назначенные значения для размеров уменьшенных эскизов, используя Избранное изображение для своих сообщений, загружать и назначать изображение в качестве отображаемого изображения, затем на странице, где ваше призвание изображение, вы refrence размер изображения вы указываете

т.е. functions.php

if(function_exists('add_theme_support')) { 
    // This theme uses post thumbnails 
    add_theme_support('post-thumbnails'); 

    // Generate a new thumbnail with our desired name and size 
    add_image_size('main-post-image', 290, 190, true); 
} 

шаблон страницы

<?php 
if (has_post_thumbnail($post->ID)): 
    $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'main-post-image'); 
?> 
<img title="<?php the_title(); ?>" alt="<?php the_title(); ?>" src="<?php echo $image[0];"> 
<?php endif; ?> 

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

посмотреть на: http://codex.wordpress.org/Function_Reference/the_post_thumbnail

Marty