Web Sitene Resim Slider Kodu Ekle

Web sitenize ekleyebilece─činiz birbirinden farkl─▒ resim slayt kodlar─▒n─▒ bu sayfada toplamaya ├žal─▒┼čt─▒m.Kodlama veya html gibi konulardan anlamayanlar olabilir, k─▒saca a┼ča─č─▒daki kodlarda nerelerde d├╝zenleme yapman─▒z gerekti─čini k─▒saca anlatmak isterim.

Resim Slayt Kodu Eklemeden ├ľnce Yap─▒lmas─▒ Gerekenler

Htlm Kodlama Bilmeyenler Resim Slayt Kodunu Eklemeden ├ľnce Yapmas─▒ Gerekenler

Sitenizde kullanmay─▒ d├╝┼č├╝nd├╝─č├╝n├╝z alan─▒n boyutunu belirledikten sonra, a┼ča─č─▒da bulunan resim slayt kodlar─▒n─▒ sitenizdeki boyutlara g├Âre uyarlayabilirsiniz.Yani geni┼člik/yatay ( width ), y├╝kseklik/dikey ( height ) yazan yerlere pixcel olarak yaz─▒yorsunuz.

Resim url adresi ve resme t─▒klan─▒nca hangi sayfaya gidece─čini belirlemeye ge├žebiliriz.
<a href=”RESME TIKLAYINCA A├çILACAK SAYFA L─░NK─░” target=”_blank”><img src=”RES─░M─░N URL ADRES─░” alt=”ALT ET─░KET─░ EKLE” title=”T─░TLE ET─░KET─░ EKLE” width=”GEN─░┼×L─░K” height=”Y├ťKSEKL─░K” /></a>

<a href= ┬áResime t─▒klay─▒nca a├ž─▒lmas─▒n─▒ istedi─činiz sitenin url linkini yaz─▒yorsunuz.E─čer resme t─▒klan─▒nca y├Ânlendirme yap─▒lmas─▒na gerek yoksa # yapman─▒z yeterlidir. ├Ârn: <a href=”#” target=”_blank”>

Burada bulunan target= t─▒klan─▒nca sayfa yeni bir pencerede mi a├žs─▒n yoksa ayn─▒ pencerede mi a├žs─▒n anlam─▒na geliyor. target=”_blank” yeni bir pencerece a├ž demektir.E─čer ayn─▒ pencerede a├žmas─▒n─▒ istiyorsan─▒z target=”_blank” yaz─▒s─▒n─▒ silebilirsiniz.
<img src=” Resim url adresidir.

Resimlere Alt ve Title Eklemek
Alt ve Title Etiketi k─▒sm─▒ mutlaka doldurulmas─▒ gerekir.Ni├žin doldurulmas─▒ gerekti─čini ┼čurada anlatt─▒m.
isacoturoglu.com.tr/code/resimlere-alt-ve-title-eklemek.html tıklayın.

Yorum yap

Yorum K─▒sm─▒na Mesaj Yaz─▒n Sitenize Backlink Kazan─▒n

A┼ča─č─▒daki resim slayt kodlar─▒n─▒ kullanan arkada┼člardan ricam var.Sayfa sonundaki yorum┬áb├Âl├╝m├╝ne site linkinizi yaz─▒n, resim kodunu nas─▒l kulland─▒─č─▒n─▒z bilmek isteyenlere fikir vermi┼č olaca─č─▒n─▒z─▒ unutmay─▒n.Ayr─▒ca sitenize backlink de kazanm─▒┼č olacaks─▒n─▒z.

Yatay 700×400 Resim Slider Kodu

Web Sitene Resim Slider Kodu Ekle
Slayt Kodunu test ettik kod ├žal─▒┼č─▒yor.Slayt kodunuz 10 pencereye kadar tek bir sat─▒rda, daha sonraki pencereleri ise (ileri / geri simgesi) bir alt sat─▒ra ge├žiyor ve ├žer├ževenin d─▒┼č─▒na ta┼čt─▒─č─▒ i├žin ┼čahsen ├Ânermiyorum.Nedeni ise ho┼č durmayaca─č─▒ i├žin.Tabi size kalm─▒┼č bir ┼čey.

 


 

Man┼čet Slider ┬á696×241 Resim Kodu

Man┼čet Slider 696x241 Resim Kodu

 


 

Yatay Resim Slayt 680×320 Kodu Ekle

Resim Slayt Kodu 680x320

680×320 resim slayt kodunu test ettim.Fare ile resim ├╝zerine gelince Men├╝1, Men├╝2… yaz─▒lar ├ž─▒k─▒yor.Fakat resim url adreslerini de─či┼čtirdi─čimizde yaz─▒ g├Âr├╝nm├╝yor.Sorun nedir tam anlamad─▒m.Bunun haricinde resim slayt kodunda anormal bir durum yok.sorunu ├ž├Âzen olursa l├╝tfen a┼ča─č─▒ya yorum yazs─▒n.Veya facebookdan bize ula┼č─▒m sa─člarm─▒s─▒n─▒z.┼×imdiden te┼čekk├╝r ederim.

 


Yatay 700×400 Resimli Haber Slayt Kodu

Yatay 700x400 Resimli Haber Slayt Kodu

Yatay resimli 700×400 haber slayt kodunun ├╝zerinde biraz de─či┼čiklik yaparak web sitenizde kullanabilece─činiz formata getirdim.Eski kodlamada 6 tane resim slayt─▒ yap─▒labiliyordu, ┼ču an 12 tane resim slayt─▒ oldu.Baz─▒ sayfalarda url ┬áyaz─▒ ┼čeklinde ├ž─▒k─▒yordu.Bu t├╝r ┼čeyleri hallederek daha kullan─▒┼čl─▒ oldu.─░htiyac─▒n─▒za g├Âre sizde de─či┼čiklik yapabilirsiniz.Test ettik ├žal─▒┼č─▒yor.
Not: kodu test ederken kod test edit├Âr├╝nde h─▒zl─▒ca a├ž─▒l─▒yor.fakak ama sayfama ekledim a├ž─▒lmas─▒ zaman ald─▒─č─▒ i├žn kald─▒rd─▒m.Benim ana sayfada fazla i├žerikler oldu─ču i├žin san─▒r─▒m.Yinede kullan─▒┼čl─▒ bir kod.

 


B├╝y├╝k 1120×630 Resim Slayt Kodu

B├╝y├╝k 1120x630 Resim Slayt Kodu

1120×630 boyutlar─▒nda b├╝y├╝k resim slayt kodu birilerinin i┼čine yarayabilir diye ekledim.Kodu test ettim ├žal─▒┼č─▒yor.

 


 

Yatay Resim Slider kodu ekleme 550×310

Yatay Resim Slider kodu ekleme


Bu resim slaty kodunda ana resim ebat─▒ 550×310, yan tarafdaki k├╝├ž├╝k resim ebat─▒ ise 85×48 olup bu iki ebatlara g├Âre resmi ayarlamay─▒ unutmay─▒n─▒z!


Yatay Resim Slider Kodu Ekle

Yatay resim slider kodu ekle

 


Man┼čet Silder 570×320 Resim Kodu
Man┼čet Silder 570x320 Resim Kodu

width=570 ┬á: Man┼čet alan─▒n─▒n y├╝ksekli─či px
height=320 : Man┼čet alan─▒n─▒n geni┼čli─či px
time=8000  : Slayt duraklama süresi
RES─░M URL : Eklemek istedi─činiz resimlerin URL adresi
# : Resimlere t─▒kland─▒─č─▒nda gidilmesini istedi─činiz URL adresi
Resim boyutu px ile ├žer├ževe boyutu px uyumlu olmal─▒d─▒r.

 


 

Resim Slayt Man┼čet (java versiyonu)
Resim Slayt Man┼čet

 


Yatay Haber Slider Kodu

Yatay Haber Slider Kodu


Haber Slider HTML Kodu 700x400Px

Haber Slider HTML Kodu 700x400 Px

 

Resmi Sola Kayd─▒rma Kodu

Resmi Sola Kayd─▒rma Kodu

Resim sola kayd─▒rma kodunda, resim h─▒z─▒n─▒ ayarlamak i├žin┬áscrollamount=”10″ de─čeri ├╝zerinde de─či┼čiklik yapabilirsiniz.

 

Yukar─▒ Kayan Haber Band─▒ Resim Kodu

Yukar─▒ Kayan Haber Band─▒ Resim Kodu

Yukar─▒ Kayan resim kodu genelde sitesinde Duyuru Panosu, Sondakika Haberler gibi i├žerikler i├žin kullan─▒l─▒yor.Resim yukar─▒ do─čru kayd─▒─č─▒ndan ziyaret├žilerin dikkatini ├žekme ├Âzelli─čine sahiptir.
Dikkat etmeniz gereken bir husus var.Resim yukar─▒ do─čru kayd─▒─č─▒ i├žin y├╝kseklik ├žok k├╝├ž├╝k veya ├žok b├╝y├╝k olmama, sitede ho┼č durmas─▒ i├žin en az 350px en fazla 550px aral─▒─č─▒nda bir y├╝kseklik se├žmenizi ├Âneririm.Yukar─▒daki g├Ârseldeki gibi yaz─▒lar─▒ siyah yerine farkl─▒ renklerde yaparak daha ho┼č bir baher band─▒ kodu olu┼čturabilirsiniz.
Bu kodu bir site sahibi arkada┼ča destek ama├žl─▒ yapm─▒┼čt─▒m (┬áwww.kildengelenguzellik.tr.gg )

 

Resim ├ťzerine Fare Gelince B├╝y├╝s├╝n Kodu

Resim ├ťzerine Fare Gelince B├╝y├╝s├╝n Kodu

Bu konuda ik farklı kod var ve ikisi de ayrı ayrı ele  alalım.

Fare resim ├╝zerine gelince geni┼člerek b├╝y├╝yen kod:

Burada resim normal g├Âr├╝n├╝rken ile b├╝y├╝y├╝nce elde edilecek resim boyutu kodlama i├žine belirtilmesi yeterlidir.

Bu resim b├╝y├╝tme kodunu eskiden kullanm─▒┼č ve denemi┼čtim.Bu kod biraz rahmetli olup ├╝zerine d├╝┼čerseniz g├╝zel ├žal─▒┼čmalar ├ž─▒karabilirsiniz.Yukar─▒daki gibi kurallar ayn─▒ olup, birden fazla resim ekleyebiliyorsunuz.├ľrne─čin ┼ču kod dizisi sadece bir resimi ifade etmektedir ve de─či┼čiklik yapaca─č─▒n─▒z alan bu k─▒s─▒md─▒r.

<a class=”thumbnail” href=”#thumb”>
<img src=”RES─░M 1 URL ADRES─░” width=”100″ height=”75″ border=”0″ align=”center”/><span><img src=”RES─░M 1 URL ADRES─░ TEKRAR” width=”300″ height=”250″ /></span>

 

3 sn Bekle 2. Resme Ge├ž kodu

3 sn Bekle 2. Resme Ge├ž kodu

3 sn bekleyip 2. resme ge├žme kodunu yerel bir haber sitesi, siyasilerin ┬ábayram mesaj─▒ tebriki i├žin kullanm─▒┼čt─▒.Tabi ┬ás├╝re ├╝zerinde ve boyutunda de─či┼čiklikler yapm─▒┼čt─▒.Sizler nas─▒l de─čerlendirirsiniz bilemiyorum ama birilerinin i┼čine yarayacak g├╝zel bir resim kodudur.

 

 

resim slayt Yorum yap
A┼ča─č─▒ya yorum yapmadan, site linkinizi b─▒rakmadan ayr─▒lmay─▒n.
├ç├╝nk├╝ o yorumlar size odun, su, ekmek hatta┬ábacklink olarak geri d├Ânecektir ­čśë