Lightbox (Işık kutusu) Kurulumu!

KURULUM:

  • Lightbox kurulumu için gerekli dosyayı buradan bilgisayarınıza indirin.
  • Dosya CSS, İmages ve JS olmak üzere üç klasör içermektedir.
  • Bu dosyaları hosting dizinine şekildeki gibi yükleyin. Eğer images klasörünüz zaten varsa lightbox un images klasöründeki resimleri o klasöre yükleyebilirsiniz.lightbox
  • Şimdi web sayfanıza aşağıdaki kodları <head> in altına ekleyin.
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> lightbox
  • Resimlerinizin bir küçük bir de büyük boyutlarını oluşturduktan sonra sitenize küçük resimleri yerleştireceğiniz alana aşağıdaki gibi kod yerleştirin. Hepsi bu kadar!
    <a href="images/büyükresim.jpg" rel="lightbox[roadtrip]" ><img src="images/küçükresim.jpg" alt="resim açıklaması" width="küçük resim eni" height="küçük resim boyu" /></a>
1 - 2