Slayt Geçişli Manşet ( Flash Slider ) Eklentisi

Genellikle haber sitelerinde gördüğümüz slayt geçişli manşet alanı kullanışlı ve işlevsel oluyor. Bende sizler için aşağıdaki kodu düzenledim. Bu kodun güzelliği ister Yerleşim > Gadget ekle > HTML/Java scipt ekle yolunu kullanarak witget olarak ekleyebileceğiniz gibi yayın sayfasında HTML olarak ekleyip tek bir sayfa içinde kullanılabilir.


NOT : Kodları Güncelledim, aşağıdaki kodları düzenleyip kullanabilirsiniz yada düzenlenmiş haline şuradan ulaşabilirsiniz.

http://webseyyahi.blogspot.com.tr/2014/10/full-efektli-resim-slider-resim-slayt-1.html


<script type="text/javascript">
var pic_width=570;
var pic_height=320;
var button_pos=3;
var stop_time=8000;
var show_text=1;
var txtcolor="#ff0000";
var bgcolor="ff0000";
var imag=new Array();
var link=new Array();
var text=new Array();
imag[1]="RESİM URL";
link[1]="#";
imag[2]="RESİM URL";
link[2]="#";
imag[3]="RESİM URL";
link[3]="#";
imag[4]="RESİM URL";
link[4]="#";
imag[5]="RESİM URL";
link[5]="#";
var swf_height=show_text==1?pic_height+0:pic_height;
var pics="", links="", texts="";
for(var i=1; i<imag.length; i++){
pics=pics+("|"+imag[i]);
links=links+("|"+link[i]);
}
pics=pics.substring(1);
links=links.substring(1);
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ pic_width +'" height="'+ swf_height +'" style="margin: 0px 0px 0px 0px;">');
document.write('<param name="movie" value="http://s7.directupload.net/images/110319/d3ywi2ot.swf">');
document.write('<param name="quality" value="high">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'">');
document.write('<embed style="margin: 3px 0px 5px 0px;" src="http://s7.directupload.net/images/110319/d3ywi2ot.swf" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'" quality="high" width="'+ pic_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">');
document.write('</object>');
</script>

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

imag[5]="RESİM URL";
link[5]="#";  Sayısını artırarak ve azaltarak resim sayısını değiştirebilirsiniz
Resim boyutu px ile çerçeve boyutu px uyumlu olmalıdır.

47 yorum:

  1. Ellerine sağlık çok güzel olmuş üstat. Lakin içindeki geçişler kaldırmak istediğim var, bu mümkün müdür?

    YanıtlaSil
    Yanıtlar
    1. kodlamadan anlıyorsanız geçiş efektini istediğiniz gibi değiştirmeniz yada diğer ayarları istediğiniz gibi düzenlemeniz mümkün.

      Sil
  2. Ne yazık ki anlamıyorum. Sadece çok çok temel seviyedeyim. Lakin sadece yuvarlak yuvarlak(damla gibi de diyebiliriz) kaldırmak istiyorum. Yardımcı olabilirseniz sevinirim.

    YanıtlaSil
    Yanıtlar
    1. bence şu sliderlere bir bak, çünkü flash pakedini baştan düzenlemek , kütüpanesine yüklemek çok zaman alır.

      http://webseyyahi.blogspot.com/search?q=slider&updated-max=2013-03-18T15:30:00-07:00&max-results=20&start=0&by-date=false

      Sil
  3. hocam bazı linlerde arıza veriyor. özellikle oluşturduğumuz linklerde türkçe karakterler yerine otomotik terleştirilen karakterlerde sorun oluyor.

    http://kizilsosyalizm.tr.gg/Se%E7imler.htm

    linkte olduğu gibi...

    YanıtlaSil
  4. ben resim urlsini yazarken hata yaşıyorum resim urlsinin bir örnegini verebilirmisiniz teşekürler

    YanıtlaSil
  5. Merhaba hocam,bu manşetin geçiş süresini nasıl değiştirebiliriz?

    Ayrıca siyah çerçeveyi yok etme imkanımız var mı?

    YanıtlaSil
    Yanıtlar
    1. Kütübane kodlarını sildiğimiz için bu slider çalışmıyor.

      Sil
  6. Merhaba, slaytiniz çok guzel çalisiyor çok tesekkur ederim emeginiz için.
    Slayt sitemin sagina dogru kaliyor ortalayabilmemin imkani varmi acaba? http://postimg.org/image/fgeb97mcf/ tipki boyle oluyor

    YanıtlaSil
    Yanıtlar
    1. Var lakin ŞU nedenden insanlara artık yardım etmiyoruz.

      Sil
  7. Okudum yazinizi çok haklisiniz. Sevgiler...

    YanıtlaSil
  8. Hocam resimli kayan manşet kodu var mı acaba sizde... http://etralibela-61.blogspot.com/ bu sitedeki başlıklar'ın altındaki manşet kodları gibi. Bu kodlar lazımdı yardımcı olursanız sevinirim

    YanıtlaSil
    Yanıtlar
    1. http://webseyyahi.blogspot.com.tr/search?q=slider&submit=

      yazdıklarım veya düzenledilkerim , bunlar umarım faydası olur

      Sil
  9. Hocam bunların hepsine baktım, uyguladım fakat benim aradığım tam da burdaki manşet menü. http://etralibela-61.blogspot.com/ Kodlama konusunda yardımcı olursanız sevinirim, olmazsanız da canınız sağ olusun...

    YanıtlaSil
    Yanıtlar
    1. http://www.cincopa.com/ istediğinizi kendiniz yapabilirsiniz. bir çok temel sliderde var onlarıda kullanabilirsiniz.

      Sil
  10. Hocam bunların hepsine baktım, uyguladım fakat benim aradığım tam da burdaki manşet menü. http://etralibela-61.blogspot.com/ Kodlama konusunda yardımcı olursanız sevinirim, olmazsanız da canınız sağ olusun...

    YanıtlaSil
    Yanıtlar
    1. http://www.exeideas.com/2013/07/automatic-blog-label-thumbnail-slider.html

      Sil
  11. Tamam hocam biraz uğraşayım, teşekkür ederim

    YanıtlaSil
  12. Hocam bu manşete link verilebiliyor mu? http://slidericindeneme.blogspot.com.tr/ ben denemek amacıyla yaptım, link veremedim... http://www.cincopa.com/media-platform/test?fid=AYPAmHMgTLRw (Kusura bakmayın hocam umarım yorgunluk vermiyoruzdur)

    YanıtlaSil
  13. Öncelikle çok teşekkür ederim işimi çok yaradı.bir ricada bulunmak istiyorum mümkünse,
    Ana sayfamda foto galerideki albümlerin küçük halde resimleri olsun tıklandığında albüme gitsin istiyorum yanlız script olması lazım

    YanıtlaSil
    Yanıtlar
    1. Çok fazla olasılık var, yani çok farklı şekilde hazırlanabilir, şu galerilere bakınız istediğiniz gibi varsa işinizi görecektir.
      http://webseyyahi.blogspot.com.tr/search?q=slider&submit=

      Sil
  14. peki şöyle söyliyeyim bu linktekilerde style kodları var ben bunu joomla da makale içine koyup seçilmiş yapmak istiyorum. bunla alakalı yardımcı olabilirmsiniz.

    YanıtlaSil
    Yanıtlar
    1. Dediğiniz gibi yapılabilir, sitemde blogger için slider vb. dediğine bakmayın kodlar html tabanlıdır, dolayısıyla html tabanlı her şablonda yada sayfada çalışır.
      Kiimseye yardım etmiyoruz sebebi BURADA yazıyor.
      Son olarak hazır bir slider kullanmak isterseniz ve kodlamadan biraz anlıyorsanız
      BURADAKİ servisleri kendi isteğinize göre çok güzel manşet yada resim alanı yada sayfa içi slider hazırlayabilirsiniz.
      İlginize teşekkürler.

      Sil
  15. teşekkür ederim ilkelerinizi okudum gerçekten güzel bir iş yapıyorsunuz
    yanlız benim sormak istediğim sayfanın html bölümüne yapıştırıyorum otomatik siliyor bu joomlayla alakalı olduğunu düşünüyorum yinede ilkelerinize aykırıysa da teşekkür ederim birde sizden sitem için yorum alabilirsem iyi olur.

    YanıtlaSil
    Yanıtlar
    1. İlk önce soruyu tam anlamadım , sanırım # lara link atamamışsınız o nedenden tıklayınca ilgili url ye yönlenmiyor onun dışında sorunsuz çalışıyor.
      İçerik dolu dolu, olmuş , tasarım konusunda çok fazla witget var ben sade tercih ederdim ama genel olarak ben beğendim, kısaca bir yerel site ve işlevsel olmuş. Zamanla siteler gelişir değişir ama temel olarak sağlam olmuş. Joomla kullanmayalı uzun zaman oldu, joomla forum da bu platformu daha iyi bilen masterler olacaktır. Onların tecrübelerinden faydalanın. kısaca başarılı bir siteniz var tebrikler..Son olarak kişisel siteler yada kısaca küçük siteler için blogger alt yapısını öğrenin çünkü daha esnek bir platform.

      Sil
  16. Teşekkür ederim yorumlarınız ve tavsiyeleriniz için ne yalan söyliyeyim size ve sitenize kaşı içim ısındı sıkça takip edeceğim bir site olacak webseyyahı

    YanıtlaSil
    Yanıtlar
    1. katkılarınız için biz teşekkür ederiz.

      Sil
  17. mrb hocam.öncelikle teşekkürler güzel bir çalışma olmuş ayrıca bir sorum olcaktı,1234 sayılarını onları nasıl biraz daha büyütebilirim

    YanıtlaSil
    Yanıtlar
    1. Selamlar
      yukarıdakide slider flash tabanlı, yani varsayılan paketin üstüne yazdım, başkabir değişle söylediğiniz bölümlere değer atamadığım için onlar sabit .
      değiştirmek için yeniden kod yazmak gerekir.
      Flash dilini sevmediğimden baştan yazarmıyım bilemiyorum ama sitede bir çok slider var iki tane daha hazırlıyorum onları kullanabilirsin .
      Ayrıca dediğiniz de mantıklı boş bir zamanımda bu kodu düzenleyim ama zaman konusunda bir tarih veremiyorum.

      Sil
  18. ve de sayıları sol tarafdan nasıl başlatabilirim

    YanıtlaSil
    Yanıtlar
    1. Tavsiyem site içinden çalışan HTML slider kullan, bir ara kodu düzenler bu verilere değer atarım , böylece istediğiniz gibi düzenleyebilirsiniz ama zaman konusunda bir tarih veremiyorum.

      Sil
  19. Hocam resım url sınde biraz sıkıntı yasıyorumda Örnek olarak bır tane gosterebılırmısınız ?

    YanıtlaSil
    Yanıtlar

    1. http://webseyyahi.blogspot.com.tr/2014/10/full-efektli-resim-slider-resim-slayt-1.html

      Kullan Flash eklentileri ben artık tavsiye etmiyorum.

      Sil
  20. Hocam 1234 butonlarını sola almak istıyorum.nasıl yapabilirim acaba

    YanıtlaSil
    Yanıtlar
    1. Selamlar
      yukarıdakide slider flash tabanlı, yani varsayılan paketin üstüne yazdım, başkabir değişle söylediğiniz bölümlere değer atamadığım için onlar sabit .
      değiştirmek için yeniden kod yazmak gerekir.
      Flash dilini sevmediğimden baştan yazmayı düşünmüyorum ama sitede bir çok slider var

      http://webseyyahi.blogspot.com.tr/search?q=slider&submit=

      Sil
  21. Merhaba kod bilgim sınırlı ve tema kodlarında aradım bulamadım. Site şablonumuzda manşet haberlerin yer aldığı bir slider var fakat yüklenen içerikler sonsuz şekilde yer alıyor, onu site şablonundaki kodları değiştirerek belli bir sayıda sınırlamak mümkün mü? Bununla ilgili linkini verebileceğiniz açıklayıcı bir çalışma var mı? Kolay gelsin.

    YanıtlaSil
    Yanıtlar
    1. Sorunuzda çok fazla bilinmeyen olduğu için çok fazla olasılık var. Slider üzerinde kodlar açıksa her türlü değişiklik yapmak mümkündür. lakin sitenin tasarımı ve diğer kodlarla çakışmaması gerekir.

      Sil
  22. hocam. bir slaytı tüm bilgisayarlarda tam ekran açılması için gerekli kod nedir?
    kendi laptopumda tam ekran olarak ayarlı fakat geniş ekranlı yada düşük ekranlı bilgisayarlarda boyutlar otomatik gelmiyor.
    Desteğini rica ederim.

    YanıtlaSil
    Yanıtlar
    1. html,
      body {
      height: 100%;
      width: 100%;
      margin: 0;
      }

      Değerlerini atarsan tam ekran çalışır.

      Sil
  23. Resmin Boyutunu Naıl Degiştirebiliriz

    YanıtlaSil
    Yanıtlar
    1. PS vb. herhangi bir programla, çok kolaydır ve çok yöntem var.

      Sil