确定FancyBox内的图像高度

时间:2011-11-14 作者:John

我有单人房。在Fancybox中呈现的php。用于在单个中调整图像大小。php我使用javascript获取图像高度:

var contentheight=jQuery(“.positimage”)。高度();

第一次加载单个。Fancybox中的php成功地填充了“contentheight”变量,我可以根据需要调整图像的大小。然而,当我使用Fancybox的左/右导航按钮导航到下一篇文章时,“contentheight”变量永远不会被填充。你知道是什么导致了这种不稳定的行为吗?

1 个回复
最合适的回答,由SO网友:John 整理而成

最后,我提出了使用PHP getimagesize()检索图像高度并将其打印为图像ID的解决方案。后来,在JS中,我使用了:var contentheight=jQuery(“.fluidimage”)。属性(“id”);检索高度并执行必要的操作。

以下是PHP代码:

<?php
$imageurl = $pathtoimage;
$image_size = getimagesize($imageurl);
$image_height = $image_size[1];
// For image width, use $image_width = $image_size[0];
?>

<img id="<?php echo $image_height; ?>" class="fluidimage" src="<?php echo $imageurl; ?>" />
下面是将图像高度转换为JS变量的JS代码,您可以在JS中自己的函数中使用该变量:

var contentheight = jQuery(\'.fluidimage\').attr(\'id\');

结束

相关推荐

jQuery Image Annotation

我正在寻找一种可以让我的页面访问者对照片进行评论的东西。将鼠标悬停在照片上时,将加载图像注释。最好是这些注释也显示在评论列表中,并在评论旁边显示评论照片的缩略图。我知道这是可能的。我看到了here.我只能找到2个plugins Wordpress插件Dabatase中的。然而,经过几个月的尝试,甚至在这里征求意见,我不得不放弃,因为这些插件根本不适合我。似乎还有其他选择。当我在google上搜索时,我发现有一个jquery图像注释,尽管我找不到关于它的任何进一步信息。由于我对javascript知之甚少,