如何使工作DataURL和Lightbox一起

我想使用燈箱。圖像從VB.NET（database-sqlserver）的後端綁定。如何使工作DataURL和Lightbox一起

這裏是HTML這是一個DataList CONTROLER內：

<a href='<%# Eval("images")%>' rel="lightbox[Brussels]"> 
<img alt="" src='<%# Eval("images")%>' height="150" width="150" class=" img img-thumbnail" /> 
</a>

我不是存儲圖像文件路徑。只是將圖像存儲在varbinary（max）因此不能給予Link的屬性href屬性。

我經由dataurl。其值HREF屬性引用超級鏈接在BASE64

dr("images") = "data:Image/png;base64," & Convert.ToBase64String(imgbyte)

未來其中imgbyte是字節陣列（）。

每當我點擊圖片（從數據庫綁定），它應該在前面使用燈箱。但問題在於，當圖像彈出部分清晰或30％清晰的模糊或完全沒有模糊時，不知道原因究竟是什麼？

我讀過某處，Internet Explorer 6或7沒有使用dataurl。它可以顯示高達32kb大小的圖像。但我已經在IE11中檢查過了，它不起作用。

任何可能性我們如何使用LightBox中的dataurl顯示大尺寸的圖像？

任何其他可能性我們如何實現這一目標？

來源

2017-01-04 Bhasin

我看到的唯一方法是實現一個自定義端點，例如Generic Handler或更多的定製端點，它通過提供相應圖像的標識符來返回適當的二進制流。

例如

/MyCustomImageProvider.ashx?Id=1

該終端將是通過URL和URL等到達可以被饋送到收藏夾，同時保持存儲在一個表，而不是一個物理文件圖像。

最後，你的aspx代碼可以像下面

<a href='<%# Eval("images")%>' rel="lightbox[Brussels]"> 
    <img alt="" src="/MyCustomImageProvider.ashx?Id=<%# Eval("imageId")%>" height="150" width="150" class=" img img-thumbnail" /> 
</a>

來源

2017-01-04 15:45:56

我試試這個..但它簡化版，工作...還是同樣的地位..模糊的圖像！我們還有什麼可以做@ Matteo Marciano-MSCP – Bhasin

@ Keezy-我看到你的帖子http://stackoverflow.com/q/33646977/6517368。你也有同樣的問題。我有類似的問題..我也使用FancyBox，但問題保持不變。它適用於Mozilla FireFox，Chrome.Did你解決了這個問題嗎？ – Bhasin

如何使工作DataURL和Lightbox一起

回答

相關問題