獲取特定Div的寬度，然後顯示以下代碼

我有3個帖子縮略圖不同尺寸。

根據用戶的屏幕大小，我只需要顯示一個圖像。我不喜歡使用CSS媒體查詢或通過CSS調整相同的圖像，因爲它變得扭曲。無論如何，它是否有可能實施使用PHP IF？

是這樣的：

IF博客帖子寬度== 360像素顯示<?php the_post_thumbnail('post-thumbnails2200px', array('id' => "FeatureImage")); ?>

否則如果.blogpost寬度== 300像素顯示<?php the_post_thumbnail('post-thumbnails1280px', array('id' => "FeatureImage")); ?>

否則如果.blogpost寬度== 250像素顯示<?php the_post_thumbnail('post-thumbnails600px', array('id' => "FeatureImage")); ?>

這是html結構：

<div class="blogpost" id="blogpost"> 

<a class="post_title" href="<?php the_permalink() ?>" rel="bookmark" alt="<?php the_title(); ?>" title="<?php the_title(); ?>">    
<?php the_post_thumbnail('post-thumbnails2200px', array('id' => "FeatureImage")); ?> 
</a> 

</div>

來源

2013-04-20 Kareen Lagasca

需要Javascript獲得瀏覽器的尺寸。您可以在AJAX發送用戶的視口大小後加載內容，但該解決方案聞到 – 2013-04-20 11:56:31

，您可以使用GET參數發送縮略圖'width'並使用它。 – mehdi 2013-04-20 11:57:09

如果分辨率改變，圖像不會隨着它改變（瀏覽器的大小調整） – 2013-04-20 13:06:20

，你可以嘗試這樣的事情（請注意，如果你有漂亮的永久鏈接啓用確保您使用此行，而不是隻是改變了第一&什麼？

document.location = \ 「$ URL？R = 1 &寬度= \」 + screen.width + \ 「&身高= \」 + screen.height）

<?php  
// Get the current page 
$url = get_permalink($post->ID); 
if(!isset($_GET['r']))  
{  
echo "<script language=\"JavaScript\">  
<!--  
document.location=\"$url&r=1&width=\"+screen.width+\"&Height=\"+screen.height;  
//-->  
</script>";  
}  
else {   

// Code to be displayed if resolutoin is detected  
if(isset($_GET['width']) && isset($_GET['Height'])) {  
      // Resolution detected  
      $blogpost_width = $_GET['width']; 

}  
else {  
      // Resolution not detected  
}  
}  

?>

來源

2013-05-13 17:51:54

獲取特定Div的寬度，然後顯示以下代碼

回答

相關問題