2013-04-09 75 views
1

我在PHP这个功能,它进来一个项目,我的工作:如何用JavaScript填充IMG src?

foreach ($reports["included_reports"] as $index => $report_name) { 
    if (! in_array($report_name, $reports["excluded_reports"])) { 
     $optional_reports .= 
     "<div class=\"large-12 columns\"> 
     <div class=\"panel\"> 
      <a href=\"./graph_all_periods.php?$graph_args&amp;g=". $report_name ."&amp;height=???&amp;width=???\"> 
      <img BORDER=0 style=\"padding:2px;\" $additional_cluster_img_html_args title=\"$cluster_url\" SRC=\"./graph.php?$graph_args&amp;g=". $report_name ."&amp;height=???&amp;width=???\" > 
      </a> 
     </div> 
     </div>"; 
    } 
} 

我想调整图像大小,以填补我的格,但我不能使用width:100%是因为我有通知widthheight到PHP。但是PHP首先执行,我也不知道用户监视器的分辨率。在Google中搜索我发现了I only can know the user monitor resolution via JavaScipt。 所以我想知道是否有可能做一些我可以知道用户监控并通知我的widthheigh参数img标签。

+0

确实高度= ???&宽度= ???必须填写?否则,您可以使用jquery调整图像大小 – 2013-04-09 13:57:15

+0

@StephanusYanaputra,问题是'img'是由'graph.php'生成的,我必须通知大小。 – 2013-04-09 13:58:53

+0

@ValterHenrique虽然你需要在graph.php中指定大小,但你仍然不需要在这里设置img标签 – MrGlass 2013-04-09 14:01:00

回答

1

最佳方式,以确保图像将总是填充一个div将其设置为背景图像,并使用CSS背景尺寸伸展它

0

在你的js中,为用户显示器尝试window.screen.widthwindow.screen.height。对于图片尺寸,您可以在css中使用100%,然后使用0123x在px中获得js的高度和宽度。