div內部的圖像失真。（WordPress的）

我有這個網站：div內部的圖像失真。（WordPress的）

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

的圖像已經從WP模板裁剪。它顯示已設置寬度和高度的圖像的縮略圖大小。

如果我把全尺寸，圖像是非常巨大的。當我風格的img寬度：290px;和高度：100％;它無法正常工作。圖像溢出了div的高度。它沒有扭曲，但擴展了它的內部。我希望圖像是完全顯示內部div未裁剪，當然不扭曲。

這可能嗎？我已經嘗試過任何東西！ PS：我第一次在stackoverflow.com上問一些問題。對不起，如果我做錯了：>

來源

2012-05-31 dominotrix

明白了！我很開心！

好吧，我所做的只是在div中顯示圖像作爲背景圖像。我不叫喜歡

的形象，給這個國產神風格：

背景大小：含有;

以圖像爲背景的div。

當然添加了無重複和中心位置和finito！

它太酷了！

來源

2012-06-04 17:45:36 dominotrix

使用您的主題function.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

馬蒂

來源

2012-05-31 10:33:04 Marty

感謝您的時間馬蒂..事情是，模板已經有你建議的這些功能。但這恰恰是錯誤的。我無法知道將要上傳的圖片大小。有些是肖像，有些是景觀。所有我想要的是，當上傳到完整顯示，而不是裁剪，在具有特定尺寸的div內。只需調整大小，如有必要，如果圖像是縱向，則左右有白色空間，如果圖像是橫向，則白色空間頂部和底部。 – dominotrix

爲了使它更具體，請轉到您的Facebook照片。只需打開您擁有的相冊，即可看到div內的所有縮略圖。所有的圖像，調整大小，以適應div。其中一些（特別是封面照片）具有寬度大和高度小的不會裁剪，但調整大小以適合div，並且頂部和底部是空白的。我想要這個造型。我一直在尋找幾天，請幫助我！ – dominotrix

上面的部分將做到這一點，add_image_size（'main-post-image'，290，190，true）;只需設置你想要的尺寸，圖像不會被剪裁，但會創建一個縮略圖（全尺寸圖片），以適應你想要的div區域，再次設置add_image_size的高度和寬度，並在模板內調用它，即使其橫向或縱向，也可以使用css創建圖像縮略圖，即使它的橫向或縱向，它的白色線條可以使用css，.specialdiv .img {border 5px solid #fff;填充：10px的; } – Marty

div內部的圖像失真。 （WordPress的）

回答

相關問題

div內部的圖像失真。（WordPress的）