jquery视口大小来改变timthumb输出

Question

我正在使用timthumb在wordpress网站中显示全屏画廊滑块。我想要做的是调整该图像的大小以适应游客机器的视口。目前价值是静态的。

我知道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很新。

Answer 1

使用javascript删除imgs的高度和宽度属性，然后使用CSS将其宽度和/或高度设置为100％。

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