lostyazilim
tr.link

Jquery Polaroid Fotoğraf Gallerisi Örneği

2 Mesajlar 1.171 Okunma
acebozum
tr.link

MARVEL MARVEL WM Aracı Kullanıcı
  • Üyelik 18.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğretmen
  • Konum
  • Ad Soyad ** **
  • Mesajlar 165
  • Beğeniler 18 / 47
  • Ticaret 0, (%0)
Bu çalışmada internetten bulduğum güzel jquery galerilerden birisidir. Biraz daha görsellik katılmış bir galeri türüne örnektir. Aşağıdaki işlemleri yaparak kendi galeriniz olarak kullanabilirsiniz. Kolay gelsin.

Aşağıdaki indirme linkine tıkladığınızda 6 adet dosya bilgisayara inmiş olacak. Bunlardan images klasörü ve index.html dosyası sizler için önemlidir. İmages klasörünün içinde album1 ve album2 klasörü var başka bir klasör koymak istiyorsanız yeni bir klasör oluşturmak zorundasınız. Sonra bu oluşturduğunuz dosyayı da index.html dosyasında tanımlamalısınız. Örnek olarak aşağıdaki anlatımı uygulayın.

1. İmages klasörünün içinde album2 klasörü oluşturun ve içine resimlerini yükleyin.

2. index.html dosyasını bir web editör programıyla açın ve aşağıdaki satırı bulun





Sadece Ben



3. Aşağıdaki kodları yukarıdaki kodun altına yapıştırın.



”images/album3/1.jpg”
Resim açıklaması


”images/album3/2.jpg”
Resim açıklaması


”images/album3/3.jpg”
Resim açıklaması


”images/album3/4.jpg”
Resim açıklaması


Album adı Yazılacak



4. sonra album3 içindeki resimlerin adlarını yukarıdaki kırmızı yazılmış yerlerdekiyle değiştiriyorsunuz.

5. Tumbs klasörünün içine resimlerin küçültümüş hallerini de koyduğunuzda da işlem bitecektir.

Yapamadığınız bir durumda benimle bu başlık altından iletişime geçiniz.

DEMO İÇİN TIKLAYIN



İNDİRMEK İÇİN TIKLAYIN

eMedya

kişi bu mesajı beğendi.

elektronikssl
webimgo

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)
Çok güzel bir script hocam çok teşekkürler.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al