HTML Kodlarıyla Jquery Resim Galerisi
Resim galerileri pek çok sitenin vazgeçilmez öğelerinden biridir. Resimlerinizi ne kadar etkili ve başaralı sunarsanız bu size o kadar artı olarak dönecektir. Jquery Hız, performans, kullanım kolaylığı ve kodları inanılmaz şekilde kısaltması sebebiyle birçok sitede, eklentilerde kullanılır. Bu yazımda HTML kodlarıyla Jquery resim galerisi oluşturacaz. İstediğiniz kadar resmi ekleyebilir, ileri ve geri butonlarıyla yönlendirebilirsiniz. Blogger, WordPress veya websitenizde kullanabileceğiniz, uygulaması basit ve güzel bir resim galerisi.

● HTML kodlarıyla Resim Galerisi.
● Siteme Resim Galerisi Nasıl Eklerim?
● HTML Kodu Jquery Resim Galerisi Yapımı.
● Blogger, WordPress Resim Galerisi Ekle.
● İleri geri butonlu resim galerisi yapımı.

Blogger'a ekleme

Eger uygulamayı blogunuza gadget olarak eklemek istiyorsanız;
  • Blogger kontrol panelinize giriş yapın.
  • Yerleşim Gadget Ekle HTML/JavaScript yolunu takip edin.
  • Ve aşağıdaki kodları isteğinize göre ayarlayarak, kopyalayıp yapıştırın.
  • Kaydet diyip çıkın.

  • Ayrıca paylaştığınız yazılarınızda, makalelerinizde çoklu resimlerinizi, bu resim galerisiyle, yazı içine yerleştirerek sergileyebilirsiniz.

    <!--HTML Kodlarıyla Jquery Resim Galerisi by www.MeftunMede.com-->
    <style type='text/css'>
    #broder{width:580px;height:440px;background:#333;border:3px solid #666;position:relative;margin:30px auto 20px;}
    #slide{width:480px;height:360px;overflow:hidden;position:absolute;left:49px;top:29px;background:#fff;border:0px solid #698639;border-color:#698639 #e0ebcb #e0ebcb #698639;}
    #slide a{width:480px;height:360px;text-decoration:none;display:block;position:absolute;left:480px;}
    #slide a img{display:block;border:0;}
    #title{width:131px;height:132px;position:absolute;left:5px;top:-30px;}
    #previous{width:74px;height:74px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwkYrFg7YlD1zR7A-rLz9u46fXDTPp6DasUVfTWKhtWWWcSKwzUCg9e92OIDmSwpJOm551Up_GTrPB-96BnDWTErS2JHmvL6GKw10argpQGGcFKiNkvbSMMB6Rx9XoEX7wtr3LkvtBqt99/s1600/slide-left.png);position:absolute;left:5px;top:175px;cursor:pointer;}
    #next{width:74px;height:74px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxAtEWbdwChxkLVD_U7SG36u71Nn_PQ7vbhhn2i0ahecRRUWDWPEQzqTqVQB9GeA8J5UfXmyGYInIBfOC6u8851BGlqQdhRG6E6otjdk9RDZY-U5QC67-z7u251ViTSoisP2QXirV_s8K5/s1600/slide-right.png);position:absolute;left:510px;top:175px;cursor:pointer;}
    #buttons{position:absolute;left:50px;top:405px;}
    #buttons div{width:20px;height:20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ97EZhFJ7-Ji-YHFpeBh58zKbLo0RwHkJgjSAXLlvauBHxYJYXvmg3mp2sXFFZXjICSkUq2v3TalWCvcvx5EnFsJIo1s5FyP-LTiStmRc63jMOOgQIUXd7IKtHdqDrcpfmJhFOAcP_F4b/s1600/slide-button.gif);float:left;margin-right:5px;display:inline;}
    #buttons div b{display:block;width:20px;height:20px;line-height:19px;font-family:arial, sans-serif;font-size:11px;color:#16a;text-align:center;cursor:pointer;}
    img#loading{position:absolute;left:240px;top:170px;}
    #previous b,#next b{display:none;}
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    current = 1;
    button = 1;
    images = 8; // Slaytda gösterilecek resim sayısı
    width = 480; // Slaytdaki resimlerin genişlik değeri (px)
    $('#p1').animate({"left": "0px"}, 400, "swing");
    $('#b1').css("backgroundPosition", "left bottom")
    $('#b1 b').css("color","#fff");
    $("#next").click(function() {
    button = current;
    current++
    if (current == (images+1) ) {current = 1}
    animateLeft(current,button)});
    $("#previous").click(function() {
    button = current;
    current--
    if (current == 0 ) {current = images}
    animateRight(current,button)});
    $("#buttons div").click(function() {
    button=current;
    clickButton = $(this).attr('id');
    current = parseInt(clickButton.slice(1));
    if (current > button) {animateLeft(current,button)}
    if (current < button) {animateRight(current,button)}});
    $("#buttons div b").mouseover(function() {
    if (($(this).css("color")) == "#16a" || ($(this).css("color")) == "rgb(17, 102, 170)") {$(this).css("color","#000");}});
    $("#buttons div b").mouseout(function() {
    if (($(this).css("color")) == "#000" || ($(this).css("color")) == "rgb(0, 0, 0)") {$(this).css("color","#16a");}});
    function animateLeft(current,button) {
    $('#p'+current).css("left",width +"px");
    $('#p'+current).animate({"left": "0px"}, 400, "swing");
    $('#p'+button).animate({"left": -width+"px"}, 400, "swing");
    setbutton()}
    function animateRight(current,button) {
    $('#p'+current).css("left",-width+"px");
    $('#p'+current).animate({"left": "0px"}, 400, "swing");
    $('#p'+button).animate({"left": width+"px"}, 400, "swing");
    setbutton()}
    function setbutton () {
    $('#b'+button).css("backgroundPosition", "left top")
    $('#b'+button+' b').css("color","#16a");
    $('#b'+current).css("backgroundPosition", "left bottom")
    $('#b'+current+' b').css("color","#fff");}});
    </script>
    <div id="broder">
    <div id="slide">
    <img alt="loading" id="loading" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCkRvnHYuekrxxn1K1Ncc-Sb1wTA9yUuuR5ujwlPUBWy_lg4zVLa8RgmCnhbYZymr-TLqVUWSTSH2kk8vfUeypkLf8IpVY17YAD3EuFwtRJ8xxaSERZW97hKVMb0lpSXxcs1f-C4DMyw1V/s1600/loading.gif" />
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia12S5QD6pw4HGrf6YTVxsWQXoumsVDPXu1Z0PwoNpH5P_wu_e2SSbx2waa76nvb_rRu_MvqQ2bdtLUnZbQExJ5mIT0b4YQ4H915htLDdmRQ0YLFDgIMGv14kyCl7UVKn5IfokWdmZAPQq/s1600/ol.jpg" id="p1"><img height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia12S5QD6pw4HGrf6YTVxsWQXoumsVDPXu1Z0PwoNpH5P_wu_e2SSbx2waa76nvb_rRu_MvqQ2bdtLUnZbQExJ5mIT0b4YQ4H915htLDdmRQ0YLFDgIMGv14kyCl7UVKn5IfokWdmZAPQq/s1600/ol.jpg" width="480" alt="Meftun Apart Front" title="Meftun Apart Front"/></a>
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV9y0vqkDgvRE-334FkFsHIaFlWKpa84d6VXP2QsqeAyBixB2tNpiyEdFoeNTvmsokmF4IbtmRL6nVh-ri5KKQ4MTybDbQE5HUmNtaWllkLTL6srePjc3PtxhONJlT019WQrVmLbySL5Qp/s1600/havuz.jpg" id="p2"><img height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV9y0vqkDgvRE-334FkFsHIaFlWKpa84d6VXP2QsqeAyBixB2tNpiyEdFoeNTvmsokmF4IbtmRL6nVh-ri5KKQ4MTybDbQE5HUmNtaWllkLTL6srePjc3PtxhONJlT019WQrVmLbySL5Qp/s1600/havuz.jpg" width="480" alt="Meftun Apart Havuz" title="Meftun Apart havuz"/></a>
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7mb3JcyFx-DVQp2ci1MCXkRUy5hJSJcAk8OM_33Jq8CpPTsiLXW052235JUTCmtTHxtLVvxWts9wuLtghMFC-HhdMdB_NqY65JvpiKzYZQhPz1woBcZIY48JBQOprtiu02IGt7kcAH2-B/s1600/salon.jpg" id="p3"><img height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7mb3JcyFx-DVQp2ci1MCXkRUy5hJSJcAk8OM_33Jq8CpPTsiLXW052235JUTCmtTHxtLVvxWts9wuLtghMFC-HhdMdB_NqY65JvpiKzYZQhPz1woBcZIY48JBQOprtiu02IGt7kcAH2-B/s1600/salon.jpg" width="480" alt="Meftun Apart Salon" title="Meftun Apart Salon"/></a>
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSUiyARB_vN7OXtB6qCTCZB1VcdFDXrsPQvUHTsVop2zCalxJzAqqIXO0j2_0iAJ7eH1bzkqMRen0Le_7mec_6P5tS24UxIm0SSM-5rrPD7vct70OnIoOo_PDFUG9wTRmwca9NRIgW2QWl/s1600/balkon.jpg" id="p4"><img height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSUiyARB_vN7OXtB6qCTCZB1VcdFDXrsPQvUHTsVop2zCalxJzAqqIXO0j2_0iAJ7eH1bzkqMRen0Le_7mec_6P5tS24UxIm0SSM-5rrPD7vct70OnIoOo_PDFUG9wTRmwca9NRIgW2QWl/s1600/balkon.jpg" width="480" alt="Meftun Apart Balkon" title="Meftun Apart Balkon"/></a>
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioGBPJ7Ebybz-yTajwdon1WvuFBFKXQiFh-SEM6O1xLKFi0J9mgJi1mvkB7lJPQq8UTh6ZXEJd74W7N4I9cNKHYPbqqPoCO2IdzlrI4SuVRIuGvPYomlVCwHF_tub-px50JFTJoUOwpJCY/s1600/meftun_aparts9b.jpg" id="p5"><img height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioGBPJ7Ebybz-yTajwdon1WvuFBFKXQiFh-SEM6O1xLKFi0J9mgJi1mvkB7lJPQq8UTh6ZXEJd74W7N4I9cNKHYPbqqPoCO2IdzlrI4SuVRIuGvPYomlVCwHF_tub-px50JFTJoUOwpJCY/s1600/meftun_aparts9b.jpg" width="480" alt="Meftun Apart Açık mutfak" title="Meftun Apart Açık Mutfak"/></a>
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCqiDUSucWfYjEsbPC0ReYjMSK8sUE8AtO37tba5Sf4qUjEwtLjhH9SAT1VWeBmOTAhbVhad83XVSOrQaw_HX1N-Mx90Xhb-LDGAlhD-_Pxo-Qb7bHzOD4zYt-55TciiB0hHTVRVIxqr5e/s1600/meftun_aparts10b.jpg" id="p6"><img height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCqiDUSucWfYjEsbPC0ReYjMSK8sUE8AtO37tba5Sf4qUjEwtLjhH9SAT1VWeBmOTAhbVhad83XVSOrQaw_HX1N-Mx90Xhb-LDGAlhD-_Pxo-Qb7bHzOD4zYt-55TciiB0hHTVRVIxqr5e/s1600/meftun_aparts10b.jpg" width="480" alt="Meftun Apart Yatak odası-1" title="Meftun Apart Yatak odası-1"/></a>
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn5nKyV_K6s3gLSgRuNqILbxSWwHRWen3B5VT_0OaAz57GTf2nKe1vjQKoUXvlqp2Os1j_L5J6mpULZylcQIC6VntXVzJRlJ3HYgvu0WgCSjk-5apB9vd8H7EVQR5VXuHKP2xhq9OfIpr0/s1600/5.JPG" id="p7"><img height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn5nKyV_K6s3gLSgRuNqILbxSWwHRWen3B5VT_0OaAz57GTf2nKe1vjQKoUXvlqp2Os1j_L5J6mpULZylcQIC6VntXVzJRlJ3HYgvu0WgCSjk-5apB9vd8H7EVQR5VXuHKP2xhq9OfIpr0/s1600/5.JPG" width="480" alt="Meftun Apart Yatak odası-2" title="Meftun Apart Yatak odası-2"/></a>
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2KlwNY1bhxaN5pxk7z-gLRe7t7Trq18hgvOXoH6RiObao18-C5MZ0qU0Ssp3MYUbPaEdBQyoMH7SE8nSNrv1wEOM-NtBTZ6w4EISy0GplMRnPnQuvWTf_MoU2UG00oWYjjbNeEfqpxkSg/s1600/7.JPG" id="p8"><img height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2KlwNY1bhxaN5pxk7z-gLRe7t7Trq18hgvOXoH6RiObao18-C5MZ0qU0Ssp3MYUbPaEdBQyoMH7SE8nSNrv1wEOM-NtBTZ6w4EISy0GplMRnPnQuvWTf_MoU2UG00oWYjjbNeEfqpxkSg/s1600/7.JPG" width="480" alt="Meftun Apart WC&Banyo" title="Meftun Apart WC&Banyo"/></a>
    </div>
    <div id="previous">
    <b>Önceki</b></div>
    <div id="next">
    <b>Sonraki</b></div>
    <div id="buttons">
    <div id="b1">
    <b>1</b></div>
    <div id="b2">
    <b>2</b></div>
    <div id="b3">
    <b>3</b></div>
    <div id="b4">
    <b>4</b></div>
    <div id="b5">
    <b>5</b></div>
    <div id="b6">
    <b>6</b></div>
    <div id="b7">
    <b>7</b></div>
    <div id="b8">
    <b>8</b></div>
    </div>
    </div>
    <!--HTML Kodlarıyla Jquery Resim Galerisi by www.MeftunMede.com-->
    

    Özelleştirme

    Script kodları arasındaki Mavi renkle belirttiğim alanları kendinize göre düzenleyin.
    images = 8; Kaç tane resim kullanıyorsanız, (Örnekte 8 adet resim kullanılmıştır.)
    width = 480; Kullandığınız resimlerin genişliği

    Ve son olarak Kırmızı renkle belirttigim alanları kendinize göre düzenleyin.
    width:580px;height:440px; (width: Genişlik, height: Yükseklik)
    width:480px;height:360px; (width: Genişlik, height: Yükseklik)
    <a href="Resim Linkiniz" id="p1"><img height="360" src="Resim Linkiniz" width="480" alt="Resmin Adı" title="resmin üstüne gelince çıkacak yazı"/></a>

    Örnek Resim Galerisi Önizleme:

    loading Meftun Apart Front Meftun Apart Havuz Meftun Apart Salon Meftun Apart Balkon Meftun Apart Açık mutfak Meftun Apart Yatak odası-1 Meftun Apart Yatak odası-2 Meftun Apart WC&Banyo
    1
    2
    3
    4
    5
    6
    7
    8


    Kodu denemek için Online html editor'ü kullanabilirsiniz.
    Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.Kolay gelsin...

    59 Yorumlar

    Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

    1. merhaba bunu daha küçük boyuta getirebilirmiyiz

      YanıtlaSil
    2. @Busenur Tezel
      width (genişlik), height (yükseklik) kodlarıyla oynayarak istediğiniz boyutlara getirebilirsiniz.Yapamazsanız blogunuzu ve hangi boyutlarda istediginizi yazarsanız yardımcı olurum.Kolay gelsin.

      YanıtlaSil
      Yanıtlar
      1. Webnode de çalışıyormu?
        Selamlar

        Sil
      2. Hayatımda ne inanılmaz bir hikaye, ben şu anda New York, ABD''de yaşayan, Bayan Wilecia Berbana duyuyorum. Ben üç çocuk şu anda bir dulum ve ben bir mali durumda kalmış oldu. Son iki ay i finanse ve benim faturaları ve bazı diğerleri ciddi bir borç ödemek için gerekli. Ben ben İngiltere''de aldatmaca kredilerinde yaklaşık $ 3,800,00 usd oldu on-line kredi şirketi bir kredi için başvuruda sonra $ 650,000.00 USD kredi arıyor, ama ben koymak benim iyi arkadaşım anlattı şikayet edildi beni tek yer kredi almak için on-line olan GOLD kREDİ fİRMA şirket% 100 garanti bir iş kredisinde başvurmaları halinde büyük bir ile, ben işlemde herhangi bir gecikme olmadan kredi almak için ben, bu yüzden ben yaptım ki kalbimdeki korku ikinci kez para gevşek değil. Kardeşlerim ve kardeş seni biz güven ve inanç olabilir Dünyada iyi insanlar hala var olduğunu bildirmek istiyoruz. arkadaşım tavsiyesi ile hangi bir kredi geçen hafta şirket sormak ve benim en büyük sürpriz ben sadece dün benim kredi aldım. Umudum ve güven tüm gitmişti ama şimdi güvenebileceğimiz gerçek kredi firması vardır yeni. Bu fırsatı kullanıyorum bir kredi ihtiyacı olan varsa hepsi bir kredi için başka nereye kadar hasta gitme bilgilendirmek. i hes toplumların başarısı ALTIN KREDİ FİRMA bir kredi için ben hasta için istiyorum gururu olduğunu söyledi çünkü size yardımcı olabilir gerçek bir kredi borç veren bulduk. İşte şirket e-posta şunlardır: goldloancompany1234@gmail.com Ve ben size hayat yeniden aynı kalır asla söz veriyorum,
        Ben kendi ifadesini duymak için bekliyor olacak.

        Bayan Wilecia Berbana

        Sil
    3. 12 resimli bir galeride 10 dan sonra ileri dediğimizde 1 e geri dönüyor. Kodu bulamadım js kodunda mı bunun ayarı...

      YanıtlaSil
    4. Düzelttim. Dikkatiniz için teşekkürler. Kırmızıyla işaretledigim js kodunda 10 "images = 10;" olan yeri kaç tane resim istiyorsanız ona göre degiştirip kullanabilirsiniz.Kolay gelsin.iyi bloglamalar.

      YanıtlaSil
    5. Bir şey daha rica etsem. her resmin altına açıklama ekleyebilir miyiz?

      YanıtlaSil
    6. Bu yorum yazar tarafından silindi.

      YanıtlaSil
    7. süper bir sey teşekkürler beni büyük bi yükten kurtardınız

      Aksaray Canlı izle

      YanıtlaSil
    8. 10 NUMARA HOCAM..
      ARKADAŞLAR NOT DEFTERİNE KOYALAYIN ORADA DÜZELTMEK DAHA KOL.
      Ekleyen arkadaşa teşekkürler.

      YanıtlaSil
    9. Merhabalar.. Kodlar hakkında bir sorum olacaktı. Slayt düzeninde olan fotoğraflara tıklanmasını istemiyorum. Çünkü tıklanınca fotoğraf tek sayfada ayrı geliyor ve bulunulan sayfa kayboluyor. Bunu engellemek amacıyla tıklanma olayını tamamen kaldırmak istiyorum. Sadece numaralarla geçişler sağlansın istiyorum. Bu konuda bana yardımcı olabilir misiniz? Veya tıklandığı takdirde fotoğrafların yine slayt şeklinde açılması mümkün mü ön planda? Umarım anlatmak istediğimi anlatabilmekte başarılı olmuşumdur. Şimdiden ilginiz ve yardımlarınız için teşekkür ederim.

      YanıtlaSil
    10. Oğuzhan bey Bu konuyu okuyup blogunuza uygulayın, memnun kalmazsanız tıklanma olayını tamamen kaldırmayı uygularız. Ama o konu için iletişimden bana E-mail adresinizi görebileceğim mesaj çekmeniz lazım. Size E-mail yoluyla kodları değiştirerek göndermem gerek.

      YanıtlaSil
    11. Yardımınız için teşekkür ederim, karşılaştığım problemi yardımınızla çözmüş oldum.. İyi çalışmalar..

      YanıtlaSil
    12. Link vermek istemiyorum ben de. yeni sayfada açılsın istemiyorum. sadece gösterilsin resimler. a href mi değişiyor? bunun için ne yapmam gerekli yardım eder misiniz

      YanıtlaSil
    13. <a href="javascript:void(0)" id="p1"><img height="360" src="Resmin linki" width="480" alt="Resmin Adı" title="resmin üstüne gelince çıkacak yazı"/></a>
      şeklinde bütün <a href= bölümlerini değiştiriniz. Kolay gelsin.

      YanıtlaSil
    14. resim linki verioruz ama çalıştırdığımzda resmi göstermiyor yardımcı olursanız sevinirim

      YanıtlaSil
    15. biraz acil cevap verirseniz çok sevinirim

      YanıtlaSil
    16. Gizem hanım, siyahla belirttiğim yerlere resminizin linklerini ekledinizse problem çıkmaz.
      <a href="Resmin linki" id="p1"><img height="360" src="Resmin linki" width="480" alt="resmin tanımı" title="resmin tanımı"/></a>
      Eklentide hiçbir problem yok. Lütfen tekrar deneyin. Yapamazsanız bana iletişim bölümünden ulaşın. Kolay gelsin

      YanıtlaSil
    17. dosyadan çekmek istedim fotografları ama olmadı gelmiyor

      YanıtlaSil
    18. Resim linkini ../klasörismi/mutfak.jpg seklinde yazarak deneyin. Tam yerini belirtin. Yada http://www.websiteniz.com/resimklasörü/mutfak.jpeg gibi. Bunlarida denediniz olmadiysa. iletisim bölümünden websitenizi, kullanmak istediginiz resimleri, hangi klasörde oldugu vs. ayrintili sekilde yazin. Ben halledip geri görderirim size...

      YanıtlaSil
    19. mailden hotmail.de adresinize gönderdim yardımcı olursanız sevinirim çok teşekkürler

      YanıtlaSil
    20. verdiğiniz demoda resme albümdeki resme tıklayınca site arkaplanda saydam bir şekilde kalırken albüm ön plana çıkıyor fakat bende blog'umda denediğimde resme tıklayınca resim yeni sekmede açılıyor bu konuda ne yapabilirim ? yardımlarınız için şimdiden teşekkürler.

      YanıtlaSil
      Yanıtlar
      1. Bu yazıyı okuyun ve blogunuza uygulayın. Problem çözülür. Kolay gelsin.

        Sil
    21. Abi merhaba 16 taneden fazla resim koymaya çalışınca butonlar aşagıya kayıyor çözümü nedir?

      YanıtlaSil
      Yanıtlar
      1. Bu örnekte 20 tane buton rahat sığıyo. Ama galiba siz resim galerisi boyutlarını daha küçük tutmuşsunuz. Tam olarak kaç resim kullandığınızı ve resimlerin boyutlarını bilemediğim için tam doğru bi cevap veremem. Ama style kodlarından #buttons tanımının left:50px olan oranını küçültün; 40,20,10 gibi. Eğer bu yardımcı olmazsa daha ayrıntılı anlatırsanız tam çözümü buluruz.

        Sil
    22. http://hizliresim.com/b4ok5Z abi sorunun resmi linkte var..resim atadım 17. butonda resim ekli çalışıyor ama tek sıkıntı buton aşagıda çıkıyor

      YanıtlaSil
      Yanıtlar
      1. Resimde gördüğüm hatayı kodlarda göremiyorum. Lütfen bu hatalı resim galerisini kullandığınız sitenizin adresini yazınız, yada bana iletişim bölümünden yazdığınız kodu görderin ve problemi çözelim.

        Sil
    23. Bu bloğa rastlayana kadar kendimi blog hazırlıyor zannediyordum. Her şey süper elinize beyninize sağlık. Çok istifade edeceğim artık bu blogdan....

      YanıtlaSil
    24. selamün aleyküm önçelikle emeginiz için teşekür ederiz.
      hocam galeriyi bir mıktar büyüttük fakat ılerı geri oku içerde kaldı ne yapmamız gerekır.

      YanıtlaSil
      Yanıtlar
      1. Üstteki style kodlarında #next kodunu bulun ve left:510px; tanımını left:610px; yapın. #slide a kodunu bulun ve left: 480px; olan tanımı left:580px; yapın. Problem kalmaz. Kolay gelsin

        Sil
    25. resimin HTML sini nasıl bulurum yardım edebilir misiniz.?

      YanıtlaSil
      Yanıtlar
      1. Resmin HTML'si derken resim linkini kastediyosunuz sanırım! Yukarıda anlatılan konuda resim linklerini kırmızıyla işaretledim. Bloggerda yüklediğiniz resim linkleri o şekilde gözükür. Başka bi sunucuya (hizliresim.com gibi) yüklerseniz resimleri, linki daha farlı gözükür.

        Sil
    26. Merhaba,
      Eğer borçlarını temizlemek için acil kredi ihtiyacınız veya işinizi geliştirmek için bir sermaye kredi gerekiyor mu?
      Eğer tarafından reddedilmiş
      Bankalar ve diğer mali kurumlar?
      Bir konsolidasyon kredi veya ipotek ihtiyacınız var mı?
      hepimiz mali sorunlar geçmişte yapmak için buradayız olarak artık arayın. Biz bireylere dışarı fonları kredi
      maddi yardıma muhtaç, kötü bir kredi veya para ihtiyacı var
      % 2 oranında iş yatırım, faturaları ödemek için. Biz güvenilir ve yararlanıcı yardımda ve size bir kredi sunmak için istekli olacağını sizi bilgilendirmek için bu orta kullanmak istiyorum. Yani e-posta yoluyla bize bugün: zenithloanlimited@gmail.com

      YanıtlaSil
    27. Selam Kardeşim eline sağlık çok güzel olmuş. Peki slaytın otomatik olarak belli zaman aralıklarında ilerlemesi için ne yapmalıyız. Yardım edebilir misiniz?

      YanıtlaSil
    28. Eğer bize sonra da ucuz 2 olarak% yönelik borçlarını ve kredi iş için, Noel kredileri, bireysel kredi, öğrenci kredisi vb ödemek için acil kredi gerekiyor mu

      E-posta: loanlender@outlook.com

      YanıtlaSil
    29. Kardeşim eline sağlık çok güzel bir paylaşım, işimi gördü ben de bunu yapan bir kod arıyordum.

      YanıtlaSil
    30. normal de dreamweaver da bunun dosyasını indirip css leri bağlamam gerekiyor ama bunu indiremediğim için dreamveaver da nasıl kullanabilirim yardım eder misiniz ?

      YanıtlaSil
    31. Merhaba, ben Bay Leonardo Sanchez, yaşam süresi fırsat kredi veren özel bir kredi borç veren duyuyorum. Eğer borçlarını temizlemek için acil kredi ihtiyacınız veya işinizi geliştirmek için bir sermaye kredi gerekiyor mu? Eğer bankalar ve diğer mali kurumlar tarafından reddedilmiş? Bir konsolidasyon kredi veya ipotek gerekiyor? Burada geçmişte tüm finansal sorunlar için çünkü artık bak. Biz kötü bir kredi var ya da para ihtiyacı% 2 oranında iş yatırım, faturaları ödemek için mali yardım ihtiyacı olan bireyler, para ödünç. Ben güvenilir ve yararlanıcı yardımda ve size bir kredi sunmak için istekli olacağını sizi bilgilendirmek için bu orta kullanmak istiyorum. Yani e-posta ile bize bugün: (Sanchezloanfirm@gmail.com)

      YanıtlaSil
    32. çokk teşekkürler meftun bey

      YanıtlaSil
      Yanıtlar
      1. çok işime yaradı elinize emeğinize sağlık

        Sil
      2. çok işime yaradı elinize emeğinize sağlık

        Sil
    33. çokk teşekkürler meftun bey

      YanıtlaSil
    34. Biz ihtiyacı olan insanlara yardım etmek için kurulmuş bir organizasyon
      Böyle mali yardım olarak yardım. Yani, finansal geçiyor eğer
      Sorun bir finansal karmaşa var ve para gerekiyorsa
      kendi iş kurma ya da bir kredi ihtiyacınız borcunu ödemek veya ödemek için
      faturaları, güzel bir iş başlatmak, ya da bunu zor
      , Yerel bankalardan sermaye kredi almak, e yoluyla bize bugün - posta
      joycerolandloancompany@gmail.com
       "Yani, bu fırsatı senden geçmesine izin vermeyin
      Tamamlamak ve aşağıda ayrıntıları dönmek için tavsiye edilir ..

      Adınız: ______________________
      Senin adresin: ____________________
      Senin ülken: ____________________
      Senin görevin: __________________
      ihtiyaç duyulan kredinin miktarı: ______________
      Kredinin Süresi: ____________________
      Aylık gelir: __________________
      Cep numarası: ________________
      Daha önce bir kredi için başvuruda mı: ________________
      Eğer dürüstçe kabul edilir bir önceki kredi, dava varsa? ...

      hızlı hareket ve mali stres, karmaşa ve zorluklar çıkmak
      joycerolandloancompany@gmail.com: Posta - E yoluyla bugün temasa

      YanıtlaSil
    35. Merhaba,
        Biz mali zorluk geçiyor ya da herhangi bir finansal karmaşa içinde ise finansal help.So olarak, yardımcı Hıristiyan Örgütü ihtiyaçları insanlara yardım etmek için oluşturulmuş olan, ve kendi işinizi kurmak için para gerekiyor, ya da krediyi ihtiyaç borcunu yerleşmek ya da faturalarınızı ödemek, güzel bir iş başlatmak, ya da bunu sert yerel bankalardan sermaye kredi almak için bulgu vardır, İncil için e-posta larsson_investment@outlook.com yoluyla bugün bize Luke 11:10 Herkes kim sorar "diyor alır; kapı "açılacak bayıltır kim ve ona, o bulur istiyor kim. Peki bu fırsat İsa aynı dün, bugün ve sonsuza kadar daha fazla olduğu için sizi geçmesine izin vermeyin. bunlar sadece fikirli ciddi ve Allah korkusu insanlar için olduğunu lütfen unutmayınız.

      Bizden bir kredi almak ilgilenen varsa biz benim şirket sizin için bir kredi işleme profili açabilirsiniz tamamen böylece aşağıdaki başvuru formunu doldurunuz

        GEREKLİ İLK BİLGİLER

      Ad Soyad:........
      Kişisel telefon numarası: .....
      Ülke: .......
      Adres:....
      Belirtmek, bildirmek:.........
      Yaş:.........
      Cinsiyet:..........
      Daha önce bir kredi için başvuruda var:? ...
      Medeni hal:.....
      Kredi miktarı gerekli: .........
      Kredi Süre: ....
      Meslek:.........
      Aylık gelir:.......

      zaman ve anlayışınız için teşekkür ederiz !!!
      ADI: Larsson Yatırım Şirketi
      E-POSTA: larsson_investment@outlook.com

      YanıtlaSil
    36. Iyi günler !!!

      Eğer mali yardıma ihtiyacınız mı? Kredilerin her türlü için hemen başvurun
      ve acilen para almak!

      $ 5,000.00 dolar $ 5,000,000.00 değişen * Randevular kredi miktarı
      * Faiz oranı 3% olan
      * Geri ödeme 1 ile 20 yıl arasında seçim.
      * Aylık ve yıllık ödeme planı arasında seçim yapın.
      * Şartlar ve kredi esneklik şartları. Tüm bu planlar ve daha e-posta
      yoluyla şimdi lütfen bize ulaşın: creditsolutioncompany@gmail.com

      içtenlikle
      yönetim

      YanıtlaSil
    37. Eğer bir kredi ihtiyacınız var mı? Sir Murat Acar kredi Şirketine başvurun Burada mali sorunlar için bir kredi ve finansal ömrünü artırmak isteyenler için bir fırsat ihtiyacımız var, finansal stres kredi kredileri, işletme kredilerinde insanlara yardım etmek çok makul bir faiz oranı kredi vermek tıbbi kredileri, ev kredileri, öğrenci kredileri, vb Biz kredinin her türlü kaynağı olabilir.

      mali yardım için bugün bize e-posta: muratacarfinancialservice@gmail.com

      Saygılarımla

      YanıtlaSil
    38. Merhaba,

      Borçlarınızı temizlemek için acilen bir borca ihtiyacınız mı yoksa işinizi geliştirmek için bir sermaye kredisine mi ihtiyacınız var? Bankalar ve diğer finansal kuruluşlar tarafından reddedildi mi? Konsolidasyon kredisine veya ipoteğe ihtiyacınız var mı? Aramak artık, tüm maddi sıkıntılarınızı geçmişe bırakmak için buradayız.

      Bu kolay kredi şirketidir. Biz1.5% lük uygun bir faiz oranı ile ilgilenen olanlar için kredi sunuyoruz. Hesap miktarı 5.000.00 Dolar'dan maksimum $ 100.000.000.00 Dolar'a kadar.

      Maksimum güvenlik önceliğimiz olduğundan kredilerimiz iyi sigortalıdır.

      Bize e-posta yoluyla ulaşın: easyloanfirm2020@gmail.com


      Saygılarımla
      Derek Douglas
      easyloanfirm2020@gmail.com


      1.5% Orijinal ve garanti kredisi

      YanıtlaSil
    39. güzel ve temiz bir kodlama olarak verilmiş slider
      çok teşekkürler

      YanıtlaSil
    40. Iyi günler,

      Benim adim Susan James, mutlu borçlanma link PLC'nin CEO'uyum. Elverisli bir yerde% 3 kredibilite kredisi verdigimizden emin olmak isterim. Simdi basvurunuzu gönderin. Sartlar ve kosullar geçerlidir, lütfen sirketin e-posta hesabi yoluyla sirket yöneticisine basvurun. (Happyloanlink@outlook.com)

      http://happyloanlink.yolasite.com/

      TESEKKÜR EDERIM!!!

      YanıtlaSil
    41. Ben Iowa Lutheran Hastanesi'nden Doktor Michael Baldwin'im, hastane idaresi tarafından internette nasıl çalıştığımın reklamını yapma fırsatı verildi ve siz de dışarıda iseniz, örneğin böbrek gibi organları satın aldığınız yıl tekrar başladık. Böbrekinizi satmak isteyenler, aşağıdaki e-postayla hastaneye başvurmaktan çekinmeyin: İrrua uzmanlık hastanesi, organlarda Cerrahi uzmanıdır ve bağışta bulunulması riski yoktur, iyi bir para ödersek Iowa ABD'de bulunan.
      Ve bu bizim e-postamız:
      iowalutheranhospital@gmail.com
      Ayrıca, whatsapp +1 929 281 1248 numaralı telefondan bize ulaşabilirsiniz.

      YanıtlaSil
    42. *% 3 faizli kredi oranı sunar
      * Nakitsiz Girişimci İçin Sigorta
      * Para için garanti

      İyi kredi puanıyla, Credit Financier Home, bireysel veya şirket veya kooperatif derneklerine, endüstriyel ve kişisel çıkarlar için teminatlı krediler ve teminatsız krediler sunar.

      İletişim Adresi:
      Whatsapp: +15184181390
      Doğrudan posta
      creditfinancierhome@gmail.com

      YanıtlaSil
    43. Böbrekinizi para karşılığında satmak istiyor musunuz? Varsa, irruaspecialisthospital20@gmail.com üzerinden bize ulaşın.

      YanıtlaSil
    44. Benim adım Irrua Uzman Hastanesinin Dr Wilson Jones'u, organ cerrahisinde uzmanım ve satmak isteyen insan organıyım. Böbrekinizi satmak ilginizi çekiyorsa Lütfen bize geri dönmekten çekinmeyin, böylece devam edebiliriz. Aşağıdaki bilgileri kullanarak bizimle iletişime geçin

      E-posta Adresi: irruaspecialisthospital@gmail.com

      YanıtlaSil
    45. Nasıl Güvenilir Kredi Şirketinden bir kredi aldım (petersonworldloans@outlook.com)

      Merhaba millet, İsmim Rebecca Wendy, Amerika Birleşik Devletleri'nden buradayım, ödülümü, Bay Peterson World Loans Company'den {(petersonworldloans@outlook.com)} nasıl kazandığımı paylaşmak için buradayım. İki defa başvurdum. Bu forumda kredi verenler olduğunu iddia eden çeşitli kredi kredileri, borç vermenin gerçek olduğunu ve başvurduğumda bana bir arkadaşımla beni James Peterson World Loans Company'le tanıştırana kadar borç vermediler; arzumun bir kredisi oldu ve gerçekten herhangi bir gecikme olmaksızın vaat ettiği gibi yaptı, şüphelerim var ama asla inanmak için elimden gelmedim. Kredi ile gerçekten bana yardım eden ve hayatımı daha iyi hale getiren Bay James Peterson'la tanışıncaya kadar hala güvenilir kredi verenlerinin olduğunu düşünmemiştim. Orada iyi kalpli hala çok iyi kredi verenin olduğunu biliyorum ama orada Sayın James Peterson World Loans Company ile temasa geçmek için çabuk ve güvenilir bir borç verme arıyor, onun bakmakta ve anlayışını öneriyorum. acil bir krediye ihtiyaç duyup duymadığınızı veya projeleriniz için finansman isteyip istemediğinizi bilmiyorum. Bugün, Bay James Peterson World Loans Company ile temasa geçmekten çekinmeyin. onun e-posta adresi (petersonworldloans@outlook.com)
      Teşekkürler ve Tanrı sizi korusun.

      YanıtlaSil
    46. Merhaba,

      Hastalarımız için böbrek satın almak için bir kez daha buradayız ve onları kurtarmak için bir böbrek bağışlamak isteyen herkese iyi miktarda para ödemeyi kabul ettiler ve böylece bağışta bulunmak istiyorsanız veya bir Hayat kurtarmak istiyorsanız, lütfen aşağıda e-posta ile bize yazın.

      Bu sizin için zengin olmanız için bir fırsattır, biz temin ederim ve bizimle% 100 güvenli bir şekilde sizinle güvence altına alıyoruz, herşey yoluna giden böbrek bağışçılarına göre yapılmalıdır.
      Artık boşa harcamayın, lütfen irruaspecialisthospital20@gmail.com adresine bize yazınız.

      Irrua Uzman Eğitim Hastanesi.

      YanıtlaSil
    47. ABD, Iowa Şehrinde bulunan Iowa Lutheran Hastanesi'nden bir temsilciyim ve hastane idaresi tarafından internete nasıl işler yaptığımızı ve insan organlarının alımı ve satımı için bir yıl daha başladım. böbrek, Bu teklifle ilgileniyorsanız, lütfen aşağıdaki e-postayla bizimle iletişime geçmekten çekinmeyin: Bağışçılarımıza iyi miktarda para telafi ediyoruz ve biz organlarda Cerrahi uzmanıyız ve bir bağışçı olarak risk yok. o.
      Ve bu bizim e-postamız:
      iowalutheranhospital@gmail.com
      Ayrıca, whatsapp +1 929 281 1248 numaralı telefondan bizi arayabilir veya bize ulaşabilirsiniz.

      YanıtlaSil
    48. Öncelikle açıklamalar için çok teşekkür ediyorum.
      Soruma gelince :
      1- Köyümüzün sitesinde Yandex.map ya da ibb.map gibi en basit şekliyle bir sokaklar galerisi yapmak istiyorum.Panoramaları pas geçtim zaten.
      Verdiğiniz kodu değiştirmelerle kullanıyorum ve çok memnunum.Ancak :
      İstiyorum ki next tuşuyla bir sonraki fotoğrafa geldiğimizde orası bir dört yol ağzı ise ben sağa ya da sola dönmek istediğimde bunu nasıl yaparım.Sadece o fotoğraf için geçerli right / left butonu da ekleyebilirmiyim ?
      2-Kendisi 1600x1200 olan bir sayfayı verdiğiniz kodla kullandığımda üst sol ve alt sağda 480x360'lık kısmını kesip gösteriyor.Fotoğrafın tamamını 480x360 ölçülerine kendisi çeviremez mi kroplamadan ?Mutlaka benim o resimleri 480x360'a mı çevirmem lazım.
      Teşekkürler şimdiden.Kolay gelsin.

      YanıtlaSil
    49. Meşru bir kredi almak her zaman büyük bir sorun olmuştur. Finansal problemi olan ve buna çözüm bulunması gereken müşteriler için. Kredi ve teminat konusu
      Müvekkillerin her zaman meşru bir borç verenden bir kredi ararken endişe duydukları bir şey. Fakat .. borç verme sektöründe bu farkı yarattık. Yapabiliriz
      5.000,00 TL - 500.000.000,00 TL aralığında% 3 faiz oranına kadar kredinin düzenlenmesi. Bu e-postayı hemen yanıtlayın:
      billjohnson.loanfirm011@gmail.com

      Hizmetlerimiz aşağıdakileri içerir:

      Borç Konsolidasyonu

      İkinci İpotek

      İşletme Kredileri

      Kişisel Krediler

      Uluslararası Krediler

      Her türlü kredi

      Aile kredisi
      Sınırsız sermayemiz için küçük ölçekli kredi firması, aracılar, küçük ölçekli finans kurumlarını finanse ediyoruz. Bir kredi temin etmek hakkında daha fazla bilgi almak için lütfen bizimle iletişime geçin, derhal şu e-postayı yanıtlayın: billjohnson.loanfirm011@gmail.com

      Bay Bill Johnson

      YanıtlaSil

    Yorum Gönder

    Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

    Önceki Makale Sonraki Makale