mehmetduran.com - Paylaşmak Güzeldir...
Jquery ile Haber Manşet Alan Yapımı (Manşet Uygulamam)
Son günlerde jquery ile hazırladığım uygulamaları paylaşmaktayım ve bu paylaşımlara hazırladığım manşet uygulaması ile devam ediyorum. Son paylaşımlara benzer olarak bu uygulamyı da jquery ve javascript setInterval ve setTimeout fonksiyonları ile hazırladım. Ortaya kullanışlı ve güzel bir çalışma çıktığını düşünüyorum. Umarım hoşunuza gider.

Öncelikle kodlarımıza bakalım. Uygulamamım html kod yapısı şu şekilde olacak:

<div id="manset">
  <div><a href="#"><span class="manset_h">Haber - Yazı Başlığı 1</span> <img src="ft/1.jpg" class="manset_f" /></a></div>
  <div><a href="#"><span class="manset_h">Haber - Yazı Başlığı 2</span> <img src="ft/2.jpg" class="manset_f" /></a></div>
  <div><a href="#"><span class="manset_h">Haber - Yazı Başlığı 3</span> <img src="ft/3.jpg" class="manset_f" /></a></div>
  <div><a href="#"><span class="manset_h">Haber - Yazı Başlığı 4</span> <img src="ft/4.jpg" class="manset_f" /></a></div>
</div>
<div><span id="sayfa_no"></span></div>

Bu yapıya göre hazırlamış olduğum jquery, javascript kodlarım ise şöyle olacak:

<script type="text/javascript">
  var aktif = 1; var timer; var adet;
  $(document).ready(function(){
    $("#manset").show();
    $("#manset div").hide();
    $("#manset div:first").show();
    adet = $("#manset div").length;
    sayfalar();
    renk(1);
    timer = setInterval(degistir,3000);
  });
  function degistir()
  {
    $("#manset div:nth-child("+aktif+")").slideUp(100);
    aktif = (aktif + 1) % adet;
    if(aktif == 0) aktif = adet;
    $("#manset div:nth-child("+aktif+")").slideDown(200);
    renk(aktif);
  }
  function tikla(deger)
  {
    renk(deger);
    $("#manset div:nth-child("+aktif+")").slideUp(100);
    aktif = deger;
    $("#manset div:nth-child("+aktif+")").slideDown(200);
    clearInterval(timer);
    timer = setInterval(degistir,3000);
  }
  function renk(deger)
  {
    $("#sayfa_no span").css("background-color","#ccc")
    $("#sayfa_no span:nth-child("+deger+")").css("background-color","#eee");
  }
  function sayfalar()
  {
    var sayfa_no = "";
    for(var i = 1; i <= adet; i++)
    {
      sayfa_no += "<span class='sayfa' onclick=tikla("+i+")>"+i+"</span>"
    }
    $("#sayfa_no").html(sayfa_no);
  }
</script>

Görüldüğü gibi bu uygulama da daha önce paylaşmış olduğum uygulamara benziyor. Ancak bundan hazırlayacağım uygulamaları ve bundan önce hazırlamış olduğum uygulamaları eklenti haline getirip paylaşıma sunmayı düşünüyorum. Bu şekilde hazırladığım son uygulama olacak bu. Bundan sonraki uygulamalarımı bu yazıdan önce hazırladığım yazımdaki gibi yapacağım. Ayrıca önümüzdeki günlerin yoğun geçecek olması sebebiyle bu örneklere biraz ara vereceğim.

Uygulamanın çalışır halini aşağıdan veya buradan görebilirsiniz. Dosyaları ile beraber örnek çalışmayı buradan indirebilirsiniz. Ayrıca css dosyasında değişiklikler yaparak istediğimiz tasarımı oluşturabiliriz.


Umarım güzel bir çalışma olmuştur ve hoşunuza gider.

İyi Çalışmalar!
Mehmet Duran 15 Aralık Pazartesi 2008 69 64744 4,4
Javascript Web Tasarım jQuery Jquery Tanıtım Tasarım-Görsellik İndir
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Resimlerinizi Oval Yapın Jquery ile Treeview Uygulamam Visual Studio'da Class Diagramı Oluşturma Asp.net ile Resim Üzerine Çoklu Yazı Yazma (Generic Handler ile de Gösterme) Türkiye 13. Zeka Oyunları Yarışması
Yorumlar
Yorum Yaz
RSS Yorum Takibi
Hüseyin KAMAR 15 Aralık Pazartesi 2008 22:32 #1
Mehmet Hocam Uygulama çok güzel. Fakat ben bunu veritabanı kullanarak veri tabanından bilgileri alamak istiyorum ama 2 gündür yapamadım
Mehmet Duran 15 Aralık Pazartesi 2008 22:35 #2
Bu tür uygulamaları veritabanı ile yapmak için kullanacağımız data kontrol Repeater olmalı. Repeater'ın İtemtemplate bölümünü bu uygulamanın html yapısına uygun olarak oluşturmalı ve verileri almalıyız. Yapacağımız iş bu kadar.
Mehmet Duran 15 Aralık Pazartesi 2008 22:40 #3
Tam olarak anlamak için jquery ile Accordion uygulamasını hem normal hem veritabanı için anlatmıştım. Bu yazımı incelerseniz daha iyi anlayabilirsiniz.
Özgür 16 Aralık Salı 2008 08:33 #4
Ben bu tür uygulamalar için Literal yapısını kullanıyorum. Çok mu kullanışlı? Değil belki ama iş görüyor :)
Mehmet Duran 16 Aralık Salı 2008 08:58 #5
Hazırlayana kalmış bir tercih. Ama bana göre veritabanı ile çalışıyor isek repeater tercih edilmeli.
aaa 17 Aralık Çarşamba 2008 18:12 #6
iyide zaten bunların hepsi çok iyi tutorial sitelerinde var?
Mehmet Duran 17 Aralık Çarşamba 2008 18:15 #7
Evet daha önce bende bu tür uygulamalar gördüm ve paylaştım. Ama önemli olan hazır olanı kullanmak değil. Önemli olan bu uygulamaları kendimizin yapması. Bunun için bu tür uygulamaları yapıp kodları ile beraber sitemde paylaşıyorum. Yoksa hazır uygulamalar her yerde var.
yusuf karatoprak 25 Aralık Perşembe 2008 17:29 #8
üstat eline saglık şöyle bir örnek yaparmısın vertical tab mouseover ile çalışan böyle birşey için tam zamanı bence; çok güzel olur dua alırsın...
Mehmet Duran 25 Aralık Perşembe 2008 21:21 #9
Bu uygulamanın css özelliklerini ve de gerekirse javascript kodlarını değiştirerek istediğimiz uygulamayı elde edebiliriz. Bu uyugulamayı daha efektif daha görsel yapmayı planlıyorum.
mehmet kaan 07 Ocak Çarşamba 2009 10:43 #10
bu uygulamayı blogger da blogumuzda nasıl uygulayabilirim biraz uğraştım başarılı olamadım yardımcı olursanız sevininirim.
Mehmet Duran 07 Ocak Çarşamba 2009 18:53 #11
Bu yapıyı kullanmak için yazdığım script kodlarını ve jquery dosyasını head tagı arasına yazıp html yapıyı da sayfanıza gömeceksiniz. Ancak blogger hakkında pek bilgim yok.
bellagio 21 Mart Cumartesi 2009 01:54 #12
mrb hocam bu çalışmada veri tabanı kullanacak olsak nasıl bir kod yapısı yapmamız gerekir peki yani resimler ve belki bi açıklama alanı veritabanından gelicek
Mehmet Duran 21 Mart Cumartesi 2009 20:17 #13
Merhaba. Bu uygulamayı veritabanı ile yapmak içinverdiğim html yapıyı ve script kodlarını olduğu gibi kullanabilirsin. Data kontrolü olarak repeater kullanmanı tavsiye ederim. Ayrıca açıklama için html kodlarda değişiklik yapabilirsin.
Serkan 29 Mart Pazar 2009 22:49 #14
Merhaba bunu master page e nasıl entegre edebilirim. Bir türlü yapamadım da. Normal aspx sayfada çalışıyor fakat master a koyunca çalıştıramadım.
Mehmet Duran 30 Mart Pazartesi 2009 17:12 #15
Merhaba. Bu uygulamayı normal sayfada veya masterpage`de kullanmanın hiç farkı yok. Önemli nokta her iki durumda da aynı html yapıyı kullanmak. Eğer masterpage`de değerleri yüklediğiniz kontroller asp.net kontrolleri ise id`leri değişir ve Jquery ile seçme işleminde sonuçta da uygulamada hata oluşur. Bu durumu göz önüne alarak sorunu çözebilirsin.
Mesut 11 Nisan Cumartesi 2009 21:09 #16
Mehmet Duran abi, ben bu kodları wordpress sitemde nereye ekleyeceğimi bilemedim yardımcı olur musun?
Mehmet Duran 11 Nisan Cumartesi 2009 21:14 #17
Wordpress daha önce kullandım, bu kodları nasıl eklersin pek bilgim yok. Ancak bu kodları kullanacağın sayfanın içine gömmelisin.
Serkan 06 Mayıs Çarşamba 2009 19:12 #18
Merhaba mehmet yapmış olduğn manşet çok güzel ve kullanışlı senden birşey rica edicem bunu nasıl veritabanı ile bağlantı kurabiliriz manşet başlığını ve o haberin resmini göstermesini istiyorum yardımcı olabilirmisin ?
Mehmet Duran 07 Mayıs Perşembe 2009 00:17 #19
Bu daha önce de soran çok oldu. Yapman gereken repeater data kontrolünü kullanmak ve html yapıyı aynen oluşturmak. Bu yapının içine de istediğin veriyi koyabilirsin.
serkan 07 Mayıs Perşembe 2009 09:15 #20
repeater kontrolü ile yaptım mükemmel oldu veri tabanından çekiyor verileri haber sitelerinin manşet`lerinden daha sexy oldu :)
Alper MEMİŞ 16 Haziran Salı 2009 15:57 #21
En çok merak edilen konuyu anlatmışınız.Sizden ricam bu konunun jquery bölümünü bize detaylı olarak anlatmanız ve veri tabanı olarak anlatırsanız bize daha çok faydalı olur.Kopyala yapıştır yapmak la değil de bizim de sizin kadar olmasada yazacak seviyeye gelmek.İyi Çalışmalar.Kolay Gelsin.
Mehmet Duran 16 Haziran Salı 2009 20:01 #22
Jquery kodlarını yazımda da paylaştım. Değişken isimleri ve fonksiyon isimleri anlaşılır. Biraz kodlar incelenirse rahatlıkla anlaşılacağını düşünüyorum. Veritabanı ile örnek veya örnekler yaparsam paylaşacağım.
Hasan 08 Temmuz Çarşamba 2009 12:05 #23
Hocam ben sitenizde baktım veritabanıyla yapılanını bulamadım eğer yaptıysanız burdan paylaşabilir misiniz? Gerçekten güzel bir uygulama elinize sağlık ben denedim ama yapamadım veritabanıyla. Ne tür değişiklikler yapmam gerekli.
Mehmet Duran 08 Temmuz Çarşamba 2009 12:29 #24
Merhaba. Öncelikle bu örneğin veritabanı ile ilgili örneği yok. Veritabanıyla accordion uygulaması var. Bu örneği veritabanı ile yapmak için id`si manset olan div`in içine repeater koyup bu repeater içinde itemtemplate içerisinde gerekli yapıyı (div - a - span - img taglarını sırayla oluşturmak ve değerleri veritabanından çekerek yazdırmak gerekiyor.) koyman gerekir.
Alper MEMİŞ 20 Ağustos Perşembe 2009 14:10 #25
Arkadaşlar burada veri tabanı bağlantılı olarak anlatıyor. http://www.yazilimgunlugu.com/manset-haber-|-newsticker-makalesi/715.aspx
Burak ERDEM 30 Ağustos Pazar 2009 01:35 #26
Bunu çok aradım bulamayınca java ile sade bir şey yaptım.Tasarımımı tekrar değiştirmem gerekecek :) Bu arada siteniz harika.Örneklerinizi çalışır halde bağlantılamanız ve indirmek için rar içinde paylaşmanız gerçekten bilginin paylaşıldıkça çoğalması için somut bir şey.Helal olsun.Çok teşekkürler.
Kenan Sarıtaş 09 Eylül Çarşamba 2009 18:02 #27
Sayın duran bu güzel uygulamayı paylaştığınız için çok teşekkürler. Ben asp için çok yeniyim. Jquery ile Haber Manşet Alan Yapımı uygulamanız çok güzel diğer yorumlardan gördüğüm kadarı ile diğer arkadaşlar da asp de yeni. Amatör bir haber sitesi yapmak istiyorum ve bu tip bir manşet uygulamasına ihtiyacım var. Sizin manşet kodlarını nasıl düzenlemeliyim ki manşetler veri tabanından okunsun. Burada daha önceden nasıl olacağını yazmışsınız ancak örnek vermemişsiniz. Akordeon da olabilir.Saygılar.
Mehmet Duran 10 Eylül Perşembe 2009 01:51 #28
Burada accordion uygulamasını veritabanı ile nasıl yapılacağını ve örneğini paylaşmıştım. İşini görür. Ayrıca o örneği incelersen manşet örneğini de veritabanı ile yapabilirsin.
Shinobi 30 Ekim Cuma 2009 20:41 #29
merhabalar hocam sormak istedigim sey su bu tur islemleri php ile while dongusu ile nasil yapabiliriz? tesekkur ederim
Mehmet Duran 31 Ekim Cumartesi 2009 00:32 #30
Merhaba. Php ile dinamik olarak yapmak için döngü içinde (for, while, vb.) verdiğim html yapıyı oluşturman gerekli. Bu html tagların arasına da veritabanından ya da başka kaynaklardan alacağın verileri yazdırarak bu türlü uygulamayı dinamik olarak yapabilirsin.
hakan 02 Aralık Çarşamba 2009 23:19 #31
Öncelikle Merhaba.
timer = setInterval(degistir,3000);
ile ne yapılmak istendi yani setInterval ile bir değer geriye mi dönüyor??
Bir de
$("#sayfa_no").click(function(){..});
gibi birşeyin içerisinden çağırmanız gerekmiyormu tikla fonksiyonunu yani tikla fonksiyonu ana fonksiyon içerisinden nasıl çağrılıyor?
Mehmet Duran 02 Aralık Çarşamba 2009 23:30 #32
Merhaba. Öncelikle setInterval fonksiyonu ile bir değer dönmüyor ama bu fonksiyonu bir değişkene atadığımızda (örnekteki gibi), değişkeni bir timer nesnesi olarak kullanabiliyoruz. Bu değişkeni yani timer'ı sıfırlayabiliyor ve diğer işlemleri yapabiliyoruz. tikla fonksiyonu da dediğin gibi sayfa numaralarına tıklandığında çalışan bir fonksiyon. Bunu senin belirttiğin gibi değil de direk olarak sayfa numaralarını oluştururken onclick eventına yazarak belirttim. (sayfalar() fonksiyonunda)
hakan 02 Aralık Çarşamba 2009 23:34 #33
Anladım.Tesekkurler..Senin sayende Asp.net deki kalıplaşmış(belirli sınırlar dışına çıkmadan kullanılan) Ajax ı kullanmaktan vazgeçip Jquery i öğrendim.Eywallah...
Hakan 04 Aralık Cuma 2009 17:44 #34
Tekrar Merhaba.Benim burda kafama birşey daha takıldı.css kodlarında

float:left; 
padding:2px 0;
margin:0 2px 0 0;
color:#369;
cursor:default;
font-family:calibri;
font-size:10pt;
border:solid 1px #369; 
width:96px; 
text-align:center;

Eger burada float:left kullanmazsak width degerine ne verirsek verelim alttaki spanların boyutunu değiştiremiyoruz.Acaba buradaki float:left in tam anlamı nedir?Yani neden width i etkiliyor??
Mehmet Duran 04 Aralık Cuma 2009 22:17 #35
float değeri bir elementi sağa veya sola yaslıyor. Eğer bu özelliği kullanmaz isek bazı elementlerin genişliklerine müdahele edemiyoruz. Bu bakımdan esneklik kazandırsa da mantığını iyi kavramak gerekiyor. Aksi halde tasarımda işleri zorlaştırabilir. Bunun için float ile birkaç örnek yapmakta fayda var.
Harun 21 Ocak Perşembe 2010 13:52 #36
öncelikle çok teşekkür ediyorum ben html bi sayfa yapmaya çalışıyorum. bu manşet olayı çok güzel böyle bir çalışmayı kendi sayfamda yazmak istedim ama olmadı bana yardım ederseniz sevinirin. html sayfama nasıl yerleştireceğim. teşekkürler
Mehmet Duran 21 Ocak Perşembe 2010 20:09 #37
Direk olarak html kodları sayfaya eklemek yeterli olur. Bir de head arasına eklenen script dosyaların varlığı ve yolu da önemli. Bunları tam ve doğru biçimde yaptığında sorunsuz çalışır.
Kadir Çelebi 08 Şubat Pazartesi 2010 14:53 #38
Merhabalar.. Bu scripte alttaki sayılar yerine gelicek olan haber resminin thumbını koyabilir miyiz oraya acaba? Eğer öyle bişey yapılabilirse gerçekten mutlu olurum.. saatlerdir arıyorum bulamadım o şekilde bi script.. veya nasıl yapacağımıza dair biraz ip uçu verebilirseniz gerçekten sevinirim.. iyi çalışmalar..
Mehmet Duran 08 Şubat Pazartesi 2010 20:05 #39
Buradaki örneği istediğiniz şekle dönüştürmek için script kodlar içinde tanımlı olan sayfalar() fonksiyonu içinde sayfa numaralarının üretildiği bölümde span tagı yerine img tagı kullanıp, img tagının src değerini doğru biçimde vermelisiniz. Bir de tasarım konusunda bozulma olmaması için css kodlarda değişiklik yapmanız gerekir.
saidri 17 Mayıs Pazartesi 2010 18:41 #40
bu uygulamanın blogcu içinde kullanılabilirliği varmı. ben denedim ama pek başarılı olamadım biraz yardım edermisiniz sevinirim
Mehmet Duran 17 Mayıs Pazartesi 2010 23:02 #41
Merhaba. Blogcu hakkında pek bilgim yok ama sisteme Html ve Script gömebiliyorsan bu örneği kullanabilirsin.
Bahadır 07 Eylül Salı 2010 18:42 #42
Söylenecek söz yok. Çok teşekkürler :)
Alper MEMİŞ 08 Ekim Cuma 2010 11:04 #43
Hocam teşekkürler. Ama sayfa numaraları flash scriptlerde olduğu gibi resmin üstünde olsa daha güzel olurdu. Onu nasıl yapabiliriz.
Mehmet Duran 09 Ekim Cumartesi 2010 11:42 #44
@Alper, bunun için sayfa numaralarının olduğu elementin css özellikleri ile oynamak gerekiyor. Elementin posiiton ayarları ile oynarak istediğimiz yere konumlandırabiliriz.
Alper 09 Ekim Cumartesi 2010 17:46 #45
hocam bu sayfa numaralarını nasıl yapabiliriz.Sizin örnekte sadece sayfa numaraları resmin sağ alt köşesinde olsun.Örnek vermeniz mümkün müdür.Uğraşıyorum ama yapamadım.
Mehmet Duran 11 Ekim Pazartesi 2010 15:02 #46
@Alper, vaktim olmadığı için örnek verme imkanım yok. Bunun için css'in birkaç özelliğini kullanman yeterli olacaktır. Css ile elemente position, top, left gibi özellikleri verdiğin takdirde elementleri istediğin konuma yerleştirebilirsin. Bu özelliklere bakarsan çözüm bulacağını düşünüyorum.
Alper MEMİŞ 12 Ekim Salı 2010 09:01 #47
Hocam sayfa numarlarını yaptım.Veri tabanı kullanarak yapıyorum.Şu an tek sıkıntı sayfa numaralandırma da sıkıntı var.Vt de şartlara uyan kayıtları listeliyorum ama sayfa no mesela 4 adet kayıt şartlara uyuyorsa 1-2-3-4 gelmesi gerekirken sadece 1 geliyor.Hocam bu konuda yardımcı olur musunuz
Mehmet Duran 13 Ekim Çarşamba 2010 16:28 #48
@Alper, gönderdiğin örneği aldım ama incelemek için vaktim yok. İncelediğim takdirde dönmeye çalışacağım.
Muharrem 20 Kasım Cumartesi 2010 21:34 #49
merhaba , internet explorer'in nth-child destegi yok araştırdığım kadarıyla ve problemlerler çıkarıyor bunun yerine eq kullanılması tavsiye edilmiş ama bir türlü başaramadım. Bu konuda yardımcı olursanız sevinirim. Kolay Gelsin
Mehmet Duran 24 Kasım Çarşamba 2010 16:00 #50
@Muharrem, ntd-child yerine eq yazman yeterli olacaktır.
MUHARREM 25 Kasım Perşembe 2010 01:36 #51
merhaba; eq ile de sorunum çözülmedi. Tam olarak sorunu açıklamam gerekirse alttaki 1-2-3... üzerine gelindiğinde internet explorer sanki resim cagiripta getiriyormuş gibi o kısmı aşağı yukarı hareket ettiriyor. Tabi mouse hareketi çok hızlı olursa çok çirkin bir görüntü ortaya çıkıyor. Firefox'ta problemi preLoadImage ile çözdüm ama internet explorer hala sorun çıkarmakta.
Mehmet Duran 10 Aralık Cuma 2010 23:47 #52
@Muharrem, bu sorunu aşmak için resimlerin gösterildiği alana sabit bir yükseklik değeri verirsen oynamalar olmaz. Ancak verdiğin değerden büyük resimler olursa animasyonda sıkıntılar olabilir. Bu seferde resimlerin genişlik, yükseklik değerlerini kontrol etmen gerekebilir.
Murat Can PARLAR 24 Aralık Cuma 2010 22:41 #53
Öncellikle paylaşım için teşekkürler.çok başarlı olmuş.Sadece bir sorum var.Resimler üzerine geldiğimizde mouse imlecini değiştirmek için ne yapmalıyız.Yani tıklama işareti olması için?yardımcı olursanız çok sevinirim
Harun 03 Ocak Pazartesi 2011 20:58 #54
Öncelikle çok teşekkür ediyorum. Bende yararlandım bi sorunum var resimlerin üzerine imlaç geldiğinde o zaman slayt durabilir mi? yardımcı olursan sevinirim.
Mehmet Duran 06 Ocak Perşembe 2011 11:16 #55
@Murat, bunun için css veya javascript kullanabilirsin. Css ile resmin hover özelliğini belirtmelisin ve burada cursor:pointer veya başka bir değer ile mouse imlecini tanımlamalısın. Javascript ile de resmin mouseover eventında yine şekilde resmin style özelliklerinden cursor'a değer atamalısın.
Mehmet Duran 06 Ocak Perşembe 2011 11:37 #56
@Harun, bunun için resmin üzerine geldiğinde slaytı sürdüren zaman değişkenini durdurmalısın ve mouseout ile durdurduğun zaman değişkenini tekrar başlatmalısın.
Alper MEMİŞ 21 Ocak Cuma 2011 16:28 #57
Mehmet hocam İyi Çalışmalar. Bu örneği veri tabanından yararlanarak gösterseniz,sql sorgusunda şarta uyan kayıt sayısına göre sayfa numaraları gelmesini paylaşırsanız size minnettar kalacağız.Öğreniyorsak sizin sayenizde.3 ay oldu uğraşıyorum bilgim yetersiz kalıyor yapamıyorum.Hocam lütfen artık şu merak ettiğimiz konuya el atarsanız memnun kalacağız. İYİ ÇALIŞMALAR.KOLAY GELSİN.
onur 24 Ocak Pazartesi 2011 22:22 #58
Öncelikle teşekkürler mehmet bey bu örneğiniz için. Bu geçiş efektlerini nasıl değiştirebiliriz. Bir arkadaş bahsetmiş resimler herseferinde yeniden yükleniyormus gibi oluyor diye o sorunu da çözemedim. İyi çalışmalar diliyorum...
Mehmet Duran 04 Şubat Cuma 2011 15:30 #59
@Alper, burada veritabanıyla çalışma önemli değil. Önemli olan buradaki gibi html yapıyı oluşturmak. Bunu da veritabanı ile mi yoksa herhangi bir metin veya xml dosyasında okuyarak mı yaparsın önemli değil. Önemli olan html yapıyı oluşturmak.
Mehmet Duran 04 Şubat Cuma 2011 15:33 #60
@onur, resmin göründüğü alanın sabit yükseklik ve genişlik değeri olursa oynamalar olmaz. Ayrıca preload olayı ile resimleri hafızaya alıp işlemi gerçekleştirirsek geçişler daha hızlı olur. Efektler için ise çeşitli script kütüphaneleri mevcut. Onları kullanarak istediğiniz efekti verebilirsiniz.
Oğuzhan Cihan 25 Şubat Cuma 2011 00:21 #61
Mehmet bey uygulamanız için teşekkürler. Ben sizin uygulamanızla veritabanını bağdaştırdım ve şu anda kullanıyorum. Ancak haber manşet çalışırken hemen yan tarafından bir sadece wev sitelerine link içerin menüm var. Haber manşetin çalışması esnasında linki tıkladığım da "Microsoft JScript çalışma hatası: Nesne bu özellik veya yöntemi desteklemiyor" şeklinde hata alıyorum. ve " $("#manset div:nth-child("+aktif+")").slideUp(100);" satırı işaretliyor. Nasıl düzeltebilirim. Teşekkür ederim.
Fatih 04 Mart Cuma 2011 22:08 #62
çalışma çok güzel olmuş mehmet bey yanlız bu geçiş efektlerini nasıl değiştirebiliriz?bazı arkadaşlar sormuş ama kesin cevap alınamamış yardımcı olursanız sevinirim kolay gelsin.
Selçuk 20 Mart Pazar 2011 15:46 #63
Kardeş çok sağol, bilgi paylaşımı yapan herkesten Allah Razı olsun :)
Mehmet Duran 08 Nisan Cuma 2011 22:23 #64
@Oğuzhan, sorun eğer nth-child nedeniyle oluyorsa burayı eq ile değiştirebilirsin. Hatırladığım kadarıyla nth-child selectoru bazı tarayıcılarda hataya neden oluyordu.
Mehmet Duran 08 Nisan Cuma 2011 22:31 #65
@Fatih, burada efektler için jquery'nin kendi fonksiyonları kullandım ama bunların dışında jquery için geliştirilmiş efekt kütüphanesini kullanarak buradaki efektleri değiştirebilirsiniz.
KGÇ 11 Nisan Pazartesi 2011 11:07 #66
s.a kardeş ellerine sağlık süper bir paylaşım olmus ama ben bunu smf 2 rc5 de simple portala eklemeye çalışıyorumda bir türlü beceremedim yani ekledim hiç gözükmüyor başka mansetleri denemiştim olmustu benim yapmak istediğim forumda bir katagoride mesela manset die bir katagori oluşturup orada açtığım konuların mansette otomatik gözükmesini istiyoeum ne kadar denediysem hiç biri olmadı bu paylaştığın çok hoşuma gitti buna dediğim gibi bir ayar yapabilirmiyiz ilgilenirsen sevinirim saygılarımla
Mehmet Duran 12 Nisan Salı 2011 08:36 #67
@KGÇ, istenilen her yerde kullanılabilir. Yapılması gereken örnekteki gibi html yapıyı aynen oluşturmak ve scriptleri olduğu kullanmak.
volkan kılıç 20 Nisan Çarşamba 2011 10:57 #68
çalışma oldukça başarılı. paylaştığınız için teşekkürler.internethaber.com daki gibi solda resim sağda haber başlıkları gibi yapmak istiyorsak nasıl yapabiliriz. Şimdiden cevabınız için teşekkürler
Mehmet Duran 20 Nisan Çarşamba 2011 16:17 #69
@volkan, söylemiş olduğun gibi olmasa da onun benzerini ilk zamanlarda yapmaya çalışmıştım. Buradan yapmış olduğum örnek hakkında bilgi alabilirsin.
İsim :
Site :
Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.
Gençken bilgi ağacını dikmesek, yaşlandığımız zaman gölgesine sığınacak bir yerimiz olmayacaktır.
Bölümler
Yazılar
Arşiv
Arama
Linkler
Site İçi Arama
Son Zamanlarda Ne Yapıyorum ?
İstatistikler - Araçlar - Reklam
İstatistikler
Sayaç
Mehmet Duran | mehmetduran.com | Copyright © 2009