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 : Güncel tarayıcılar Flash desteğini varsayılan olarak vermediği için diğer slayt eklentilerine aşağıdaki linkten ulaşabilirsiniz.
https://www.webkenti.net/search?q=Slider
<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="...#version=6,0,0,0" width="'+ pic_width +'" height="'+ swf_height +'" style="margin: 0px 0px 0px 0px;">');
document.write('<param name="movie" value="...">');
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="..." 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="...">');
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.
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ıtlaSilkodlamadan anlıyorsanız geçiş efektini istediğiniz gibi değiştirmeniz yada diğer ayarları istediğiniz gibi düzenlemeniz mümkün.
SilNe 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ıtlaSilbence şu sliderlere bir bak, çünkü flash pakedini baştan düzenlemek , kütüpanesine yüklemek çok zaman alır.
Silhttp://webseyyahi.blogspot.com/search?q=slider&updated-max=2013-03-18T15:30:00-07:00&max-results=20&start=0&by-date=false
çok sağol hacı:)
YanıtlaSilben resim urlsini yazarken hata yaşıyorum resim urlsinin bir örnegini verebilirmisiniz teşekürler
YanıtlaSilWebSeyyahi 2 Nisan 2014 22:18
SilMerhaba hocam,bu manşetin geçiş süresini nasıl değiştirebiliriz?
YanıtlaSilAyrıca siyah çerçeveyi yok etme imkanımız var mı?
Kütübane kodlarını sildiğimiz için bu slider çalışmıyor.
SilMerhaba, slaytiniz çok guzel çalisiyor çok tesekkur ederim emeginiz için.
YanıtlaSilSlayt sitemin sagina dogru kaliyor ortalayabilmemin imkani varmi acaba? http://postimg.org/image/fgeb97mcf/ tipki boyle oluyor
Okudum yazinizi çok haklisiniz. Sevgiler...
YanıtlaSilÇOK ŞAHANE
YanıtlaSilŞAHANAE
YanıtlaSilHocam 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ıtlaSilhttp://webseyyahi.blogspot.com.tr/search?q=slider&submit=
Silyazdıklarım veya düzenledilkerim , bunlar umarım faydası olur
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ıtlaSilhttp://www.cincopa.com/ istediğinizi kendiniz yapabilirsiniz. bir çok temel sliderde var onlarıda kullanabilirsiniz.
SilHocam 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ıtlaSilhttp://www.exeideas.com/2013/07/automatic-blog-label-thumbnail-slider.html
SilTamam hocam biraz uğraşayım, teşekkür ederim
YanıtlaSilHocam 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ıtlaSillink verilir
SilÖncelikle çok teşekkür ederim işimi çok yaradı.bir ricada bulunmak istiyorum mümkünse,
YanıtlaSilAna sayfamda foto galerideki albümlerin küçük halde resimleri olsun tıklandığında albüme gitsin istiyorum yanlız script olması lazım
Ç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.
Silhttp://webseyyahi.blogspot.com.tr/search?q=slider&submit=
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ıtlaSilDediğ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.
SilKiimseye 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.
teşekkür ederim ilkelerinizi okudum gerçekten güzel bir iş yapıyorsunuz
YanıtlaSilyanlı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.
İ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.
Silİç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.
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ıtlaSilkatkılarınız için biz teşekkür ederiz.
Silmrb 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ıtlaSilSelamlar
Silyukarı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.
ve de sayıları sol tarafdan nasıl başlatabilirim
YanıtlaSilTavsiyem 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.
SilHocam resım url sınde biraz sıkıntı yasıyorumda Örnek olarak bır tane gosterebılırmısınız ?
YanıtlaSil
Silhttp://webseyyahi.blogspot.com.tr/2014/10/full-efektli-resim-slider-resim-slayt-1.html
Kullan Flash eklentileri ben artık tavsiye etmiyorum.
Hocam 1234 butonlarını sola almak istıyorum.nasıl yapabilirim acaba
YanıtlaSilSelamlar
Silyukarı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=
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ıtlaSilSorunuzda ç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.
Silhocam. bir slaytı tüm bilgisayarlarda tam ekran açılması için gerekli kod nedir?
YanıtlaSilkendi laptopumda tam ekran olarak ayarlı fakat geniş ekranlı yada düşük ekranlı bilgisayarlarda boyutlar otomatik gelmiyor.
Desteğini rica ederim.
html,
Silbody {
height: 100%;
width: 100%;
margin: 0;
}
Değerlerini atarsan tam ekran çalışır.
Resmin Boyutunu Naıl Degiştirebiliriz
YanıtlaSilPS vb. herhangi bir programla, çok kolaydır ve çok yöntem var.
Sil