Ajax’la yüklenen içerikte Thickbox kullanımı

Jquery Thickbox eklentisi gerçekten faydalı olduğu kadar benim en sevmediğim Lightbox tasarımı konusunda zamandan tasarruf etmenizi sağlayan bir araç. Br lightbox için tek yapmanız gereken arasında Thickbox’ı yüklemeniz ve aşağıdaki şekilde class ile bunu çağırmanız.

1
2
3

<a class="thickbox" href="abc.asp?height=240&amp;ampwidth=320">
jQuery Thickbox Deneme
</a>

Bu bağlantıya basınca ilgili sayfanın, 320px genişlik ve 240px yükseklikte bir katman içinde açıldığını göreceksiniz. Peki Ajax ile yüklenen bir sayfada bunu nasıl yapacaksınız? Malum ajax ile yüklenen bir sayfada Js yeniden çağrılmalıdır. İşte çözümü… Diyelim ki aşağıdaki şekilde bir fonksiyonunuz var.

1
2
3
4

function LoadContent(strUrl)
{
$('#content').show().load(strUrl);
}

Hemen burada Thickbox’ı yeniden çağırarak yüklenen sayfanın içinde de Thickbox nimetlerinden yararlanmaya başlıyoruz.

1
2
3
4
5
6

function LoadContent(strUrl)
{
$("#content").show().load(strUrl, function(){
tb_init('a.thickbox, area.thickbox, input.thickbox');
});
}

Herkese iyi çalışmalar