jquery視口大小更改timthumb輸出

我正在使用timthumb在wordpress網站中顯示一個完整的畫廊滑塊。我想要做的是調整圖像的大小以適合vistor機器的視口。目前這些值是靜態的。jquery視口大小更改timthumb輸出

我知道PHP無法檢測視口大小，所以我假設我需要使用jQuery。

var viewport_Width = $(window).width(); 
    var viewport_Height = $(window).height();

我的問題是，我不知道如何在輸出連接到這片PHP的靜態值，告訴timthumb有多大，使圖像：

<div class="cover"><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo $img ?>&amp;h=800&amp;w=1280&amp;zc=1" alt="<?php the_title(); ?>" width="1280" height="800" /></a></div>

請解釋一下慢慢地，因爲我相當新的PHP。

來源

2012-02-16 Paul Aston

您在這裏遇到的問題是PHP是後端廣告jQuery/JavaScript是前端 - 這意味着在JavaScript執行完畢的時候PHP已經完成了....您需要找到一種方法使用JavaScript更新映像加載前的'img' src – ManseUK 2012-02-17 10:37:49

使用javascript刪除您的imgs的高度和寬度屬性，然後使用CSS將它們的寬度和/或高度設置爲100％。

$('.cover img').each(function(){ 
    $(this).removeAttr('width') 
    $(this).removeAttr('height'); 
});

來源

2012-02-17 21:45:55 noponies

*迷霧慢慢清除* 我想我明白你的意思了。我會放棄這個 - 謝謝！ – 2012-02-20 10:57:18

jquery視口大小更改timthumb輸出

回答

相關問題