+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Javascript / Ajax (https://mybbdepo.com/javascript-ajax-forumu)
+---- Konu Başlığı: Ajax - Tıkla resim büyüsün(Resimli anlatım) (/ajax-tikla-resim-buyusun-resimli-anlatim-konusu.html)
Ajax - Tıkla resim büyüsün(Resimli anlatım) - Smyrna35 - 20-08-2012
Ş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.
