Şuan aşagıda gördügünüz resimlere tıklayınca nasıl ekranın ortasında acılacagına anlatacam.
1-)
ilk yapılacak işlem frontpage aracı veya başka bir html editörü ile tablolar oluşturalım ve bu tablolar içerisine üste görüldügü gibi resimlerimizi ekliyelim(resimler gibi bir klasör oluşturup içine ekliyelim resimleri).
2-)
Resimlerimizi ekledik güzelce tablolar içerisine veya rastgele şimdi yapmamız gereken kullanacağımız JS ve css dosyalarını sayfamıza eklememiz gerekiyor .
Sayfanın <head> </head>tagının içerisine aşağıdaki gibi ekleme yapıyoruz.
Kodumuz
<script type="text/javascript" language="javascript" src= "lytebox></script>
<link rel=stylesheet href=lytebox">
3-)Şimdi en can alıcı noktaya geldik.Resim tıklayınca büyüsün resmimiz
<bOdy>bu araya</bOdy> tagları arasına
<a href= "tiklanacakresim.jpg" title="baslik"rel="lytebox[vacation]">
<img src= "resimadresi.jpg">
<a href= "galeribulut/1.jpg" title="Mavi " rel="lytebox[vacation]"><img src= "galeribulut/1.jpg">
4-)hepsi bu ve şimdi deneme vakti ve emeklerimiz karşılıgını görme vakti.
1-)
ilk yapılacak işlem frontpage aracı veya başka bir html editörü ile tablolar oluşturalım ve bu tablolar içerisine üste görüldügü gibi resimlerimizi ekliyelim(resimler gibi bir klasör oluşturup içine ekliyelim resimleri).
2-)
Resimlerimizi ekledik güzelce tablolar içerisine veya rastgele şimdi yapmamız gereken kullanacağımız JS ve css dosyalarını sayfamıza eklememiz gerekiyor .
Sayfanın <head> </head>tagının içerisine aşağıdaki gibi ekleme yapıyoruz.
Kodumuz
<script type="text/javascript" language="javascript" src= "lytebox></script>
<link rel=stylesheet href=lytebox">
3-)Şimdi en can alıcı noktaya geldik.Resim tıklayınca büyüsün resmimiz
<bOdy>bu araya</bOdy> tagları arasına
<a href= "tiklanacakresim.jpg" title="baslik"rel="lytebox[vacation]">
<img src= "resimadresi.jpg">
<a href= "galeribulut/1.jpg" title="Mavi " rel="lytebox[vacation]"><img src= "galeribulut/1.jpg">
4-)hepsi bu ve şimdi deneme vakti ve emeklerimiz karşılıgını görme vakti.