jQuery ile haber manşet yapımı

Hazırdan ne kadar kaçarsak yaptığımız işin kontrolüde bir okadar elimizde olur. Son zamanlarda elimden geldiği kadar hazır scriptlere bulaşmıyorum. Sebebide ekleme çıkarmalarda yada kişiselleştirmelerde yaşadığım problemler ve beraberinde çok büyük zaman kayıpları. Bu noktada jQuery dertlere deva oluyor desem sanırım abartmış olmam. Bu yazımda çoğu haber sitesinden aşikâr olduğumuz manşet mekanızmasından yapacağız. Kodları gördüğünüzde jQuery nin bize neler sunduğunu daha iyi anlayacaksınız. Kodlar gayet açık ve net, istediğiniz gibi istediğiniz yerini basitçe değiştirebilir, şekilden şekile sokabilirsiniz. Buyrun size jQuery manşet mekanızması;

Örneği buradan indirebilirsiniz !

  • mehmet ali

    merhaba,
    acaba milliyet in sitesinde ki gibi, bir manşet örneği var mı ya da nasıl yapılabileceğinden bahsedermisiniz ?

  • http://a apoStyLEE

    Merhaba, elimde direk milliyet.com’ un manşetinin örneği yok, fakat bu örneği az kurcalayarak kendiniz aynını yapabilirsiniz. Rakamların yerine fotoğraflar gelecek, sonrada css ile oynayıp istediğiniz yere hizalayacaksınız.

  • Berkan ŞEN

    hocam bu konuyu güncelleye bilirmisin.

    • apoStyLEE

      Güncellendi ;)

      • Berkan ŞEN

        teşekkür ederim ilginize.

  • Berkan ŞEN

    bu otomatik olarak sayma yapmıyo galiba. yani resimler değişmiyo. bunu nasıl yapabiliriz.

    • apoStyLEE

      Otomatik sayma derken ? Açıkçası anlayamadım.

      • http://Websitesi BERKAN

        sağdan sola yada soldan sağa belirli bir saniye için değişmesi diyorum.

  • Berkan ŞEN

    belirli süre içerinden bir sonraki resme geçme olayı. ve de takıldığım nokta bunu kullanırken db gelen verileri buna nasıl bağlıyacas.

  • http://www.nefesfm.com Muhammetelma

    Azizim çok tşk ediyorum bu güzel çalışma için ama bu sitetik manşety sistemini Asp.net cevirirsen cok memnun olacagız ben dinamik olarak deneme yapayım Dedim Repeaterde ama bir türlü beceremedim javascript bilmem jQeryde benim gibi çokca insan var Senden ricam bunu dinamik olarak sunman

    • apoStyLEE

      İlginize teşekkür ederim, ilk fırsatta bahsettiğiniz düzenlemeyi yapacağım ;)

  • http://-- hasan

    peki burada manşet resminde sadece metine link veriyoruz. resime nasıl link vereceğiz.

    • apoStyLEE

      doldur fonksiyonun ilk satırını $(“.manset div img”).attr(“src”, resim).click(function () { location.href=adres }); şeklinde değiştirirseniz istediğiniz olur ;)

  • http://-- hasan

    çok saol apo kardeş.. şahane ve çok az kodla işi bitirmişsin.. GS’liyim ama Tranzonspor Şampiyon :-)

    • apoStyLEE

      Eyvallah :) İnşallah, inşallah :)

      • http://Websitesi ali

        Muhammetelma arkadaşımıza katılıyorum.yayınlar mısınız.

  • ahmet

    Peki 2numaralı haberin üzerine gelince 2 numaralı haberin resminin gözükmesini istiyorum.Bunu nasıl yaparız.tşkler