如何讓PrettyPhoto與MVC3內容處理程序一起使用？

我正在使用PrettyPhoto 3.1.4來自http://www.no-margin-for-errors.com 如何讓PrettyPhoto與MVC3內容處理程序一起使用？

我正在使用ASP.NET MVC3中的內容處理程序從數據庫中加載圖像。漂亮照片不會使用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>

來源

2012-04-26 Greg ' ' Wildman' ' Finzer

任何javascript錯誤？ – Jrod 2012-04-26 15:23:07

沒有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-27 15:35:39

的文件並未明確「公共的API」你試圖使用的函數，並沒有這些函數的演示，但我的猜測是，因爲你沒有任何具有rel="prettyPhoto"的a元素，所以.prettyPhoto()函數從不運行，所以支持的HTML顯示彈出框永遠不會添加到DOM。嘗試將rel="prettyPhoto"添加到您的a元素，看看是否有幫助。

來源

2012-04-26 15:32:27 AndrewR

如何讓PrettyPhoto與MVC3內容處理程序一起使用？

回答

相關問題