0

我正在使用来自http://www.no-margin-for-errors.com的 PrettyPhoto 3.1.4

我在 ASP.NET MVC3 中使用内容处理程序从数据库加载图像。Pretty Photo 没有使用 API 加载图像。如何让它与内容处理程序一起使用？

这是一个应该弹出图像库的图像：

<a href='' onclick="$.prettyPhoto.open(api_images0,api_titles0,api_descriptions0);" title='UFC123'>
    <img style="max-height: 160px;max-width: 260px;" id='Img31' alt='UFC123' title='UFC123' src='/img.ashx?mediaId=31' style='padding:10px' />
</a>

这是我正在使用的脚本：

<script type="text/javascript" charset="utf-8">
    var api_images0 = ['/img.ashx?mediaId=33'];
    var api_titles0 = ['Gina'];
    var api_descriptions0 = ['Gina Description'];
</script>

<script type="text/javascript" charset="utf-8">
    $(document).ready(function () {
        $("a[rel^='prettyPhoto']").prettyPhoto({ theme: 'dark_rounded', social_tools: '' });
    });
</script>
4

2 回答 2

0

文档不清楚您尝试使用的“公共 api”功能，并且没有这些功能的演示，但我的猜测是，因为您没有任何具有的a元素，所以rel="prettyPhoto"该.prettyPhoto()功能是永远不会运行，因此显示弹出框的支持 HTML 永远不会添加到 DOM。尝试添加rel="prettyPhoto"到您的a元素中，看看是否有帮助。

于 2012-04-26T15:32:27.717 回答
0

没有 javascript 错误。我想到了。问题是我需要井号而不是 href 标记的空字符串。

<a href='#' onclick="$.prettyPhoto.open(api_images0,api_titles0,api_descriptions0);" title='UFC123'>
    <img style="max-height: 160px;max-width: 260px;" id='Img31' alt='UFC123' title='UFC123' src='/img.ashx?mediaId=31' style='padding:10px' />
</a>
于 2012-04-27T15:35:39.057 回答