我正在使用prettyPhoto jquery插件在页面上显示图片库,由于某种原因,它不起作用。我在本地主机上尝试使用Zend Framework。
这是我的代码:
<script type="text/javascript" src="<?php echo URLgenerator::getScryptURL('jquery.js'); ?>"></script>
<link rel="stylesheet" href="<?php echo URLgenerator::getStyleURL('prettyPhoto/css/prettyPhoto.css'); ?>" type="text/css" media="screen" charset="utf-8" />
<script src="<?php echo URLgenerator::getScryptURL('prettyPhoto/js/jquery.prettyPhoto.js'); ?>" type="text/javascript" charset="utf-8"></script>
主要部分:
<?php
$photos = $project->getPhotos();
foreach($photos as $photo):
?>
<a href="<?php echo $photo->getPhotoURL(); ?>" rel='prettyPhoto[pp_gal]'>
<img src="<?php echo $photo->getPhotoURL(); ?>" alt="" class="ProjectPageImage" />
</a>
<?php
endforeach;
?>
在页面末尾:
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
deeplinking: false
});
});
</script>
我得到的是在页面末尾所有内容下附加的一种奇怪的库,而不是我应该获得的“灯箱”弹出窗口。
最佳答案
既然您提到正在添加标记,但未显示您期望的方式。然后,您应该检查CSS文件是否已加载,因为样式似乎未应用于元素。
关于php - prettyPhoto jQuery插件不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7370820/