| Yazar |
Mesaj |
-
cizgilerindansi
Acemi Üye
|
 05.12.2010, 16:30 (UTC)
Mesaj konusu: LightBox [Resme Tıklayınca Büyüsün] |
|
|
Arkadaşlar.. İnternette Biraz Araştırma Yaptım.. Bu Konu ile İlgili Fakat İstediğim Sonuca Ulaşamadım..
LightBoxu Bedavasiteme uyarlıyabilcek biri varmı ?
Veya bunu html kodlar üzerinden ayarlayabilcek ?
Başka bu konuda bildiğiniz kodlar varsa çok yardımcı olursunuz..
Bu arada css kullanıyorum..
Yardımlarınız için şimdiden teşekkürler.. |
|
|
↑
|
|
 |
-
kodbanks
Bedava-Sitem Bağımlısı
|
09.12.2010, 11:37 (UTC)
Mesaj konusu: |
|
|
Bir başka versiyonu:
Kod: <!-- Kodbanks Tıkla resim buyusun kodu basla --><img src="waterfall.jpg" width="150" height="200" onclick="this.src='waterfall.jpg';this.height=400;this.width=300" ondblclick="this.src='waterfall.jpg';this.height=200;this.width=150"><!-- Kodbanks Tıkla resim buyusun kodu bitir --> ______________  |
|
|
↑
|
|
|
-
nptmusic
Bedava-Sitem Bağımlısı
|
12.12.2010, 11:59 (UTC)
Mesaj konusu: |
|
|
lightbox kodu bende vardı silmediysem veriim sana olmadı netten bulurum. |
|
|
↑
|
|
|
-
upload2010
Acemi Üye
Konum: ßy_тнєяιѕк
|
27.12.2010, 17:14 (UTC)
Mesaj konusu: |
|
|
Kod: <img src="http://www.combeki.net/forum/images/ManDaLin/header/mandalin_header_10.gif" width="300" height="100" onclick="this.src='http://www.combeki.net/forum/images/ManDaLin/header/mandalin_header_10.gif';this.height=200;this.width=600" ondblclick="this.src='http://www.combeki.net/forum/images/ManDaLin/header/mandalin_header_10.gif';this.height=100;this.width=300">
Buyur ______________ ßy_тнєяιѕк
|
|
|
↑
|
|
|
-
pchakkindabildikleriniz
Bedava-Sitem Bağımlısı
|
27.12.2010, 17:21 (UTC)
Mesaj konusu: |
|
|
adamın aradığı kod bunlar değil ki
tümhepsiburada arkadaş anlatmış ama ben bir türlü yapamadım
Alıntı: Merhaba,
Öncelikle lightbox ajax kodundan oluşmaz. Java ve Html aracılığıyla sitenize eklersiniz.
Zaten Html'den oluşmasaydı sitenize ekleyemezdiniz.
Öncelikle LightBox 2'yi bu adresten bulabilirsiniz. http://www.huddletogether.com/projects/lightbox2 sonra rar dosyasını indirin ve çıkartın.
Sonra index.html (kısaca index) dosyasını notepadde açın daha açtıntan sonra <head> kısmından üstünü silin sonra </head> <body> ksıımlarını silin.
Daha sonra en alttaki </body> </html> kısımlarını silin şimdi kodu kullanabiliriz.
Şimdi css kısmını geçin. Java kodlarını pages google veya buna benzer adreslerden upload edin. Sonra upload ettiğiniz java kodlarının adreslerini (url) <script ile başlayan yerlerdeki js/dosya adı.js kısımlarına yapıştırın.
Bu işlem bittikten sonra css kodunu notepadde açın resimleri sitenizden upload edin ve notepade gelin CTRL+H tuşlarına basın aranan değer (ilk kısım)a ../images/ yazın sonra ki kısma http://img.webme.com/pic/sitenizinadının başharfi/sitenizinadı/ bundaki gerekli yerleri doldurduktan sonra ekleyin ve kaydedin sonra pages google veya benzer sitelerin her hangi birinden upload edin. Sonra notepadde açtığımız index dosyasına gelin ve <link le başlayan en baştaki kısımdan css/lightbox.css kısmına upload ettiğimiz css dosyasının adresini yapıştırın.
Sonra açacağınız resimleri aşağıdaki şablondan yararlanarak kendinize göre ayarlayın
İyi eğlenceler..
anlatımı bu eğer sizde yapamazsanız
bir önerim var sitemde de mevcut swf uzantılı galeri yapabilirsin ______________ 
Yine Terör, Yine Kan , Yine Yanıyor Vatan. Alçaktır, Şerefsizdir Askere Kurşun Atan... |
|
|
↑
|
|
|
-
pchakkindabildikleriniz
Bedava-Sitem Bağımlısı
|
24.01.2011, 16:04 (UTC)
Mesaj konusu: bedava sitemde bir ilk |
|
|
artık lightbox sizde yapabilirsiniz arkadaşlar,
sitemde video şeklinde mevcut, foruma video koyulmadığından sitemde yayınladım
pchakkindabildikleriniz.tr.gg/lightbox-yapimi-videolu.htm ______________
Yine Terör, Yine Kan , Yine Yanıyor Vatan. Alçaktır, Şerefsizdir Askere Kurşun Atan... |
|
|
↑
|
|
|
-
yarenersonmez
Acemi Üye
|
03.05.2011, 13:08 (UTC)
Mesaj konusu: |
|
|
Merhaba bahsi geçen konu ile daha dün ilgileniyordum ve kendi siteme ekledim Light Box Adlı scripti.VE istek üzerine size de anlatıyorum:
Öncelikle http://www.huddletogether.com/projects/lightbox/ adresine girin.
Alttaki DOWLOAD kısmından
Kod: lightbox.js -
lightbox.css -
overlay.png -
loading.gif -
close.gif - İsimli dosyaları Bilgisayarınıza Upload etmek üzere indirin.
Önceliklikle "lightbox.js" adlı dosyayı açıp Not defteri ile açabilirsiniz.
Kod: var closeButton = 'close.gif';
var loadingImage = 'loading.gif'; Kısmını Bulup resim URL'lerini Yerleştirin.Örnek Bu şekilde olacak:
Kod: var closeButton = 'http://youruploadhost.com/541515154/close.gif';
var loadingImage = 'http://youruploadhost.com./5413154/loading.gif';
Şeklinde düzenledikten sonra dosyayı kaydedip lightbox.css dosyasını açın;
Kod: #overlay{ background-image: url(overlay.png); }
* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
Kısmını bulup 'overlay.png' kısmına da overlay adlı resmin linkini koyun.
Not:Resimleri yerlerine koyarken adlarına dikkat edin.Mesela 'close.gif' yerine 'http://youruploadhost.com/541515154/close.gif' koyun (isimler aynı).
Daha sonra da kaydedip kapatın.
lightbox.js - lightbox.css dosyalarını Bİr sunucu bulup yükleyin.Ör: www.ripway.com
Bu kodu sitenize ekleyin:
Eğer tüm sayfalarda kullanacaksanız Sayfa üstü Kodu'na Tek bi sayfada kullanacaksanız da direk sayfaya ekleyin:
Kod: <head>
<link rel="stylesheet" type="text/css" href="Buraya lightbox.css adlı dosyanın Url'si gelecek" />
<script type="text/javascript" src="Buraya lightbox.js adlı dosyanın Url'si gelecek"></script>
</head>
Url'leri de yerleştirdikten sonra sayfa içinde resim Eklerken bu kodu Kullanın:
Kod: <a href="Buraya açılacak resim" rel="lightbox" title="Buraya resim Hakkında yazı"><img src="Buraya Önizleme resmi" border="0"></a>
Bunun 3 farklı yolu daha vardır:
Eğer Önizleme resmi olmadan Linke tıklanınca Açılmasını İstiyorsanız:
Kod: <a href="Resim Urlsi" rel="lightbox" title="Resim Başlığı">Url Adı(Resmi Görmek İçin Tıkla Gibi)</a>
Ayrıca son kod içindeki title="Resim Hakkında" Kısmını da kaldırabilirsiniz.
Yapamayan Olursa Yardımcı olurum.
Canlı Örneği sitemde Mevcuttur:
http://yarenersonmez.tr.gg/______________ http://yarenersonmez.tr.gg/blog.htm |
|
|
↑
|
|
|
-
hufqks
Acemi Üye
|
26.05.2011, 16:32 (UTC)
Mesaj konusu: |
|
|
KARDEŞ ALLAH RAZI OLSUN EMEĞE SAYGI İÇİN SANA TEŞEKKÜR EDİYORUM |
|
|
↑
|
|
|
-
sarayli
Acemi Üye
|
07.07.2011, 11:43 (UTC)
Mesaj konusu: |
|
|
|
|
|
↑
|
|
|
-
aykutservis-com
Uzman Üye
|
08.07.2011, 06:34 (UTC)
Mesaj konusu: |
|
|
@ sarayli
Merhaba
Reklam Yerine Nasıl Yapacagını Burada Söyleseydiniz Daha İyi Olmaz Mıydı ?
En Azından Konuyu Açan Kişinin Sorununu Çözmüş Olurduk Doğru Deilmi ?
O Zaman Bende Senin Gibi Yaparım Forumda Ama Forum Kirlenir Bunun İçin
Ben Yapmıyorum Lütfen Sizde Yapmasssanız Sevinirim Lütfen
İyi Forumlar |
|
|
↑
|
|
|
-
weblines
Acemi Üye
|
20.11.2011, 00:10 (UTC)
Mesaj konusu: |
|
|
hackerfriend.tr.gg de var bi tane resme basınca facedeki gibi açılyo ona benzer bişi olsa süper olur |
|
|
↑
|
|
|
|
