CodeCillop > JavaScript > CodeCillop Masaüstü Galeri
codecillop-masaustu-galeri

CodeCillop Masaüstü Galeri

Fotoğrafları rastgele dağıtın

Benzersiz bir foto galeri gösterimi ile tanışın. Fotoğrafları gerçek hayatta olduğu gibi bir masaüstüne serpiştirin, istediğiniz fotoğrafı büyütün, isterseniz sırayla yakınlaştırın. Otomatik oynatın ya da yeni pencerede açıp kolayca kaydedin.

Özellikler

  • Basit ve kolay kullanım
  • Responsive & Fluid uyumlu
  • SEO uyumlu
  • İstenilen sayıda fotoğraf kullanılabilir
  • Küçük ve büyük fotoğraf ayrımı yaparak optimize edilebilir
  • Sadece tıklanan fotoğrafın büyük boyları yükletilebilir
  • Sayfa ya da tıklanan fotoğraf yükleme işlemi sürerken yükleniyor animasyonu gösterilir
  • Tam sayfaya yayarak kullanılacağı gibi sayfa içerisinde herhangi bir alan içinde de kullanılabilir
  • Fotoğraflar rastgele dağıtılır, istenirse kullanıcı tarafından tekrar karıştırılabilir
  • 10 KB’dan az dosya boyutu

Varsayılan kullanım

Aşağıdaki kodu <head></head> arasına jQuery kodundan sonra yerleştirin.

<script src="codecillop-masaustu-galeri.js"></script>

Arkaplan değiştirici kullanmak isterseniz bunu da ekleyin.

<script src="codecillop-bg-degistir.js"></script>

Gereksinimler

İsteğe Bağlı

Örnek kullanımlar

Fotoğraflarınızın sayısı fazla ise her biri için küçük fotoğraf oluşturup büyük fotoğraflara bağlantı verebilirsiniz. Kullanıcı tıkladığında bağlantı verilen görsel yüklenmeye başlar ve bu aşamada yükleniyor animasyonu gösterilir. Fotoğrafları ve komut butonlarını istediğiniz gibi CSS dosyasından değiştirebilirsiniz.

Nasıl olduğunu görün…

<div class="emirler">
<span id="gosterge"></span>
<a href="javascript:;" class="slaytet" title="Slayt olarak göster">Otomatik Göster</a>
<span class="yonler"> <a href="javascript:;" class="sola">&laquo;</a><a href="javascript:;" class="saga">&raquo;</a></span>
<a href="javascript:;" class="karistir">FOTOĞRAFLARI KARIŞTIR</a>
</div>

<div class=”cc-masaustu-galeri”>
<ul>
<li><a href=”img/galeri/turkiye_1.jpg”><img src=”img/galeri/mini/turkiye_1.jpg” alt=”Kemençe”/></a></li>
<li><a href=”img/galeri/turkiye_2.jpg”><img src=”img/galeri/mini/turkiye_2.jpg” alt=”Haliç’te yüzen çocuklar”/></a></li>
<li><a href=”img/galeri/turkiye_3.jpg”><img src=”img/galeri/mini/turkiye_3.jpg” alt=”Denize girecek”/></a></li>
…..
…..

</ul>
</div>

Nasıl çalıştığına bakın

İNDİR...

İNDİR...

Kişisel kullanımlar için ücretsizdir.
Ticari kullanımlar için lisans almanız gerekmektedir.
Lisans ücrete tabi olabilir.

CodeCillop Masaüstü Galeri : İndir

Dosyanız iniyor... Bağış yapmak ister misiniz?

Bağış yaparak yeni ve daha güzel kodlar geliştirmemize yardımcı olabilirsiniz.
PayPal üzerinden güvenli ödeme ile bağış yapabilirsiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir