!_D
24-02-2008, 01:52 PM
S.a arkadaşlar lightbox 'ı bilirsiniz sayfalarınızdaki resimlerin efekli bir şekilde açılmasına yarar.
Bilmeyenler için örnek : ..:: iCK Yapı A.ş ::.. (http://ickyapi.com.tr/ick_is.php)
Gelelim yapılımına ekteki dosyaları ftp'ye atın.
Son index.html içerisindeki resim yollarını değiştirin.
Yani şu kodlar :
<h1><a href="Büyük Açılacak Resim" rel="lightbox"><img src="Tumbles Resim" width="100" height="100" alt="" /></a></h1> Burda önemli olan tek nokta
<head> ..... </head> Kodları arasına alttaki Kodları eklemeniz gerekir. Yoksa çalışmaz.
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script> İşte bu kadar =)
Dökümanı hazırlayan !_D
Bilmeyenler için örnek : ..:: iCK Yapı A.ş ::.. (http://ickyapi.com.tr/ick_is.php)
Gelelim yapılımına ekteki dosyaları ftp'ye atın.
Son index.html içerisindeki resim yollarını değiştirin.
Yani şu kodlar :
<h1><a href="Büyük Açılacak Resim" rel="lightbox"><img src="Tumbles Resim" width="100" height="100" alt="" /></a></h1> Burda önemli olan tek nokta
<head> ..... </head> Kodları arasına alttaki Kodları eklemeniz gerekir. Yoksa çalışmaz.
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script> İşte bu kadar =)
Dökümanı hazırlayan !_D
