PHP / Javascript困境

时间:2009-11-24 06:09:45

标签: php javascript html

我有一个两难的境地,我有一个分类广告网站,每当点击一个广告时,一个php页面会显示所有细节。

在这里我想要显示图片,但事实是,我希望用户点击任何缩略图,缩略图将调整大小到其实际大小。 编码是没有问题的。

问题是,我应该怎么做?

我的php代码中也有一个投影功能,只要显示图像就会调用它。

所以,我不能使用javascript,因为我用PHP创建所有表并在页面的HTML部分显示它们。

像这样:

 <?php $table="alot of information INCLUDING the images"; ?>
 <HTML> <?php echo $table;?> </HTML>

我考虑过将图像路径发送到html页面上的隐藏输入,然后在用户点击它们时使用javascript来获取图像。但是,图片drop_shadow功能仍然在PHP中。 另一种方法可能是在javascript中创建dropShadow函数,但我必须将图像大小发送到隐藏输入吗?因为javascript不能用于获取图像的宽度和高度?

有什么建议吗?

如果您不理解我的Q或需要更多输入,请告诉我,我会更新Q!

由于

5 个答案:

答案 0 :(得分:0)

如果图像标记包含大图像所需的所有属性,并使用javascript访问这些属性并使用onclick并引用单击的元素来获取属性值?

答案 1 :(得分:0)

只是旁注,从您所说的内容来看,您可以通过在HTML输出和图像处理上引入一些缓存来大幅提高性能和服务器负载。

答案 2 :(得分:0)

如果我理解您所说的内容,那么您可以获得一些简单明了的广告图片,但是当您向用户展示这些图片时,您希望使用添加了投影效果的PHP脚本对其进行预处理。您希望此效果同时应用于缩略图和全尺寸图像吗?无论哪种方式,这在JavaScript中都是可行的 - 您只需稍微调整PHP脚本以通过GET请求使drop_shadow方法可用。例如,创建类似REST Web服务的东西,它只负责提供图像,每个服务都使用投影效果进行处理。然后,当用户单击页面中的缩略图时,您可以使用JQuery脚本在HTML中打开“子窗口”(实际上只是一个绝对定位的浮动DIV)来显示完整大小的图像,该图像是动态检索的来自Web服务,因此将应用投影效果。

答案 3 :(得分:0)

听起来你正在使用PHP来创建缩略图 - 类似于image.php?img=<name>,它还负责添加阴影。为什么不添加参数,例如image.php?img=<name>&thumb=1来表示小缩略图,否则返回完整图像。您可以根据参数选择添加阴影,甚至可以为其添加第3个参数。

答案 4 :(得分:0)

如果您还没有,请查看jQuery javscript库。有很多内置功能可以帮助你,还有不断扩展的插件和小部件。

我已经使用FancyBox插件获取缩略图,我确信快速谷歌也可以为您提供投影插件。

您最终可能会坚持使用服务器端解决方案,但jQuery绝对值得一看。自从发现这个宝石以来,我的客户端脚本生活已经好多了。