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输出

回答

相关问题