RESİM GALERİSİ
Blogunuza eklediğiniz VEYA yazılarınıza AIT resimlerden İSTEDİĞİNİZ slayt olarak görüntüleme İMKANI Sünen met eklentiyi DAHA ÖNCE Bir siteden alıntı Olarak sizlerle Paylaşmak İstiyorum.
Blogunuza ekliyeceğiniz resim galerisini isteğinize GÖRE boyutlantıarabilir istediğniz Yerde görünteyebilirsiniz.Bloggre resim galeri etek otomatik Toplam hemde Üzerine tıklayarakda görüntüleyebilirsiniz.Galerinim görünntüsü aşağıdaki resimdeki gibidir.Bu eklentiyı blogunuza onu zamanki Gibi Basit Bir ışletiliyor Olan Gadget ekleme Yöntemi Ile ekliyecez.
UYGULAMAYA GEÇELİM;
1. Blogger hesabınıza Giriş Yapın.
2. Kumanda Paneli & Sons kinolin; residential & Sons kinolin; Gatget Ekle & Sons kinolin; HTML / JavaScript yolunu izleyin.Açmış Olduğunuz gadgetin içerisine aşağıdaki kodları yapıştırın.
 |
| Ekran Görüntüsü |
& Sons lt;! - Başlangıç Gadget Kodu Galeri http://www.blogokulu.org - & amp; gt;
& Sons lt; style type = "text / css" & amp; gt;
# Simplegallery2 {
// Örnek Gallery CSS
position: relative;
görünürlük: hidden;
border: 5px siyah katı;
margin: auto;
}
# Simplegallery2 .gallerydesctext {
// Örnek 1 açıklaması DIV için CSS (tanımlanırsa)
text-align: left;
padding: 2px 5px;
font-family: Calibri ;
}
& Sons lt; / stil ve amp; gt;
& Sons lt; script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" & amp; gt; & amp lt; / script & amp; gt;
& Sons lt; script type = "text / javascript" src = "http://helperblogger.x10.mx/scripts/imagegallery.js" & amp; gt;
& Sons lt; / script & amp; gt;
& Sons lt; script type = "text / javascript" & amp; gt;
var mygallery2 = Yeni simpleGallery ({
wrapperid: "simplegallery2", ana galeri konteyner // kimliği,
boyutlar: [ 400 , 265 ], // genişlik / piksel galeri yüksekliği. Tam görüntülerin boyutlarını yansıtmalıdır
imagearray [
[" RESİM LINK 1 BURAYA "," # "," _new "," GÖRÜNTÜ aÇiklamasi BURAYA "],
[" RESİM LINK 2 BURAYA "," # "," _new "," GÖRÜNTÜ AÇIKLAMASIBURAYA E "],
[" RESİM LINK 3 BURAYA "," # "," _new "," GÖRÜNTÜ aÇiklamasi BURAYA "],
[" RESİM LINK 4 BURAYA "," # "," _new "," GÖRÜNTÜ aÇiklamasi BURAYA "],
[" RESİM LINK 5 BURAYA "," # "," _new "," GÖRÜNTÜ aÇiklamasi BURAYA "]
]
autoplay: [ true , 2500 , 2], // [auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
devam: true,
fadeduration: 1000, // geçiş süresi (milisaniye)
onInit: function () {// olay olduğunu patlar galeri çalıştırmak için / hazır başlatıldı zaman
}
onslide: function (curslide, i) {// olay her slayttan sonra patlar gösterildiğini
// Curslide: Geçerli slayt'ın DIV DOM başvuru verir (yani: deneyin alert (curslide.innerHTML)
// I: koleksiyonunda mevcut görüntü yansıtan tamsayı vizyonda (0 = 1. görüntü, 1 = 2, vb)
}
})
& Sons lt; / script & amp; gt;
& Sons lt; div id = "simplegallery2" & amp; gt; & amp lt; / div & amp; gt;
& Sons lt;! - Bitiş Gadget Kodu Galeri http://www.blogokulu.org - & amp; gt;Kod İÇERİSİNDE:
- Resim galerisi boyutunu degistirmek kod İçerisinde Olarak renkli belirttiğim, 400 , 265 değerlerini değiştirin. 400 genişlik, 265 genişlik olarak ifade alacağı tahmin ediliyor.
- Galeride görüntülemek istediginiz resim linki " RESİM LİNK 1 BURAYA "Yazan Yere yapıştırın.
- # satın aldılar imkb galerideki resime tıklayınca açılmasını istediginiz " URL " ADRESİNİ YAZIN,
- Galerinin sol Üst tarafında bulunan Kısa Açıklama Click " İMAGE aÇiklamasi BURAYA "Yazan Yere yazıyoruz.Yazı Tipi imkb Calibri yazar siz isdediğiniz gigi yapabilirsiniz.
- Galeride Resimleriniz Otomatik Olarak kaymasını istemiyorsanız Renk Olarak belirtilen doğru Yerine yanlış YAZIN.
- Slayt GeCIS hızını imkb 2500 değerini değiştirebilirsiniz.
Gadgetimizi kaydetip kullanima hazırdır.Kolay gelsin ...
"ALINTIDIR SAYGILAR"
Delice Takip Edin
Pinterest Facebook Twitter
© by bilgicafem61
Aşağıda Yorum Toplam Sorularinizi Bırakın ettik .
