0

以前にライトボックスとバリエーションを使用したことがありますが、適切に機能させるのに問題があります。私はjavascriptの専門家とはほど遠いので、誰かがアドバイスをしてくれることを願っています。C#/ASP Web サイトには MasterPage があり、他のすべてのページはその MasterPage を使用します。リンクは、コードによって動的に生成されます。私のテストでは 2 つの結果が得られました。通常のリンクのように機能し、画像にリダイレクトされるか、クリックしても何もしません。

MasterPage ヘッド:

<script src="../js/jquery-1.7.2.min.js"></script>
<script src="../js/lightbox.js"></script>

ページ内コード:

DynLink.ImageUrl = "~/PostPhotos/Thumbnails/" + Path.GetFileNameWithoutExtension(image.Photo) +     "_thumb100_100" + Path.GetExtension(image.Photo).Replace("//","/"); 
DynLink.NavigateUrl = "~/PostPhotos/Thumbnails/" + Path.GetFileNameWithoutExtension(image.Photo) + "_thumblowres" + Path.GetExtension(image.Photo); 
DynLink.Attributes.Add("rel", "lightbox");

生成されるリンク (firebug inspect 経由):

<a href="PostPhotos/Thumbnails/grumpy_cat_christmas_9_thumblowres.jpg" rel="lightbox">
<img alt="" src="PostPhotos/Thumbnails/grumpy_cat_christmas_9_thumb100_100.jpg">
</a>

画像は問題なく表示され、firebug で検査すると、すべて問題ないように見えます (「rel」属性などがあります)。

4

2 に答える 2

0

マスターページのどこかの document.ready でライトボックスを設定していることを確認してください

$(document).ready(function(){

$('YourLightBoxSelector').lightbox(); 

});
于 2013-03-14T05:59:22.193 に答える
0

要素が動的に追加されるため...動的に生成された要素がドキュメントに追加された後、ライトボックスを呼び出すと機能します....

DynLink.ImageUrl = "~/PostPhotos/Thumbnails/" + Path.GetFileNameWithoutExtension(image.Photo) +     "_thumb100_100" + Path.GetExtension(image.Photo).Replace("//","/"); 
DynLink.NavigateUrl = "~/PostPhotos/Thumbnails/" + Path.GetFileNameWithoutExtension(image.Photo) + "_thumblowres" + Path.GetExtension(image.Photo); 
DynLink.Attributes.Add("rel", "lightbox");
//your append code..
$('#dynamicelementID').lightbox();
于 2013-03-14T05:59:57.513 に答える