Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/rust/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 用于更改输出的jquery视口大小_Php_Jquery_Wordpress_Resize_Viewport - Fatal编程技术网

Php 用于更改输出的jquery视口大小

Php 用于更改输出的jquery视口大小,php,jquery,wordpress,resize,viewport,Php,Jquery,Wordpress,Resize,Viewport,我正在使用timthumb在wordpress站点中显示全屏图库滑块。我想做的是调整图像大小,以适应vistors机器的视口。目前,这些值是静态的 我知道php无法检测视口大小,所以我假设我需要使用jquery var viewport_Width = $(window).width(); var viewport_Height = $(window).height(); 我的问题是,我不知道如何使用静态值将输出连接到这段PHP,这些静态值告诉timthumb图像的大小: <

我正在使用timthumb在wordpress站点中显示全屏图库滑块。我想做的是调整图像大小,以适应vistors机器的视口。目前,这些值是静态的

我知道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相当陌生。

使用javascript删除IMG的高度和宽度属性,然后使用CSS将其宽度和/或高度设置为100%

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

使用javascript删除IMG的高度和宽度属性,然后使用CSS将其宽度和/或高度设置为100%

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

这里的问题是PHP是后端,而jQuery/JavaScript是前端——这意味着在执行JavaScript时,PHP已经完成了。。。。您需要找到一种在加载图像之前使用JavaScript更新
img
src的方法。这里的问题是PHP是后端,而jQuery/JavaScript是前端-这意味着在执行JavaScript时,PHP已经完成。。。。您需要找到一种使用JavaScript在加载图像之前更新
img
src的方法。我想我明白您的意思了。我要试一试——谢谢!薄雾慢慢消散,我想我明白你的意思了。我要试一试——谢谢!