Görünüm olarak lightbox scriptine benzeyen bu uygulama ajax ve css kullanılarak hazırlanmış.Resime veya yazıya tıklayınca açılan pencerenin köşeleri facebooktaki açılan pencerelerin köşelerini anımsatıyor.Bu sebepten uygulama facebox ismini almış.Scriptin kurulumu çok basit.Makalenin sonundaki download butonuna tıklayıp dosyaları indirdikten sonra aşağıdaki adımları uygulayın.
1 . Aşağıdaki kodları sayfanın <head> bölümüne yerleştirin.
<script src="facefiles/jquery-1.2.2.pack.js" type="text/javascript"></script>
<link href="facefiles/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="facefiles/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})
</script>
2 . Aşağıdaki kodları içeriğin görünmesini istediğiniz yere yerleştirin.
<a href="resim.jpg" rel="facebox">Girl listening to music</a> veya
<a href="external.htm" rel="facebox">View "External.htm" fetched via Ajax</a>
Etiketler : |