amykos

resim büyütmek

Aldığım yerin notu:
Google aramasında bulduğum bir site, cok güzel bir lightbox kodu yayınlamıştı. Kodu kendi host'a aktarıp size sunuyorum. Yabancı idi ben türkçeleştirip yayınladım. İleri, geri kapat gibi... Bu lightbox ile cok güzel resim galerileri yapabilirsiniz ve ya önemli resimleri ana sayfanızda yeni bir sayfa acmadan yayınlayabilirsiniz. Daha önce buna benzer kodlar yayınlanıyordu. Ama ben sadece resim yayınlama kutusu olarak sunuyorum size. Güle güle kullanın : )

---

Ön izleme;
(Text ön izlemesi) Resim 6

---

(Resimli ön izlemesi)

---

Bu kodu Tasarımın üstündeki yazı bölümünün en üstüne ekleyin.

<script type="text/javascript" src="http://bilgilisite.abcz8.com/javalightbox/js/prototype.js"></script> <script type="text/javascript" src="http://bilgilisite.abcz8.com/javalightbox/js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="http://bilgilisite.abcz8.com/javalightbox/js/lightbox.js"></script> <link rel="stylesheet" href="http://bilgilisite.abcz8.com/javalightbox/css/lightbox.css" type="text/css" media="screen" />

Text Yazı için bu kodu koyacağınız sayfaya ekleyin.
<a href="https://img.webme.com/pic/b/bs-aktif/uforesmab26.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/uforesmab26.jpg" rel="lightbox[roadtrip]">Resim 1</a> <a href="https://img.webme.com/pic/b/bs-aktif/uforesmab24.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/uforesmab24.jpg" rel="lightbox[roadtrip]">Resim 2</a> <a href="https://img.webme.com/pic/b/bs-aktif/uforesmab27.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/uforesmab27.jpg" rel="lightbox[roadtrip]">Resim 3</a> <a href="https://img.webme.com/pic/b/bs-aktif/uforesmab18.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/uforesmab18.jpg" rel="lightbox[roadtrip]">Resim 4</a> <a href="https://img.webme.com/pic/b/bs-aktif/uforesmab17.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/uforesmab17.jpg" rel="lightbox[roadtrip]">Resim 5</a> <a href="https://img.webme.com/pic/b/bs-aktif/okyanusresimleri2.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/okyanusresimleri2.jpg" rel="lightbox[roadtrip]">Resim 6</a>

Resimli içinde bu kodu koyacağınız sayfaya ekleyin.
<a href="https://img.webme.com/pic/b/bs-aktif/buyukkopek.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/buyukkopek.jpg" rel="lightbox[roadtrip]"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/kucukkopek.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/kucukkopek.jpg" /></a></a>

Kaynak: BS-Aktif

Düzenleme: Amykos

Okunma Sayısı:

Copyright