0
Kayıt Ol

Ajax ile Resim Yenileme

7

●

2.474

  • 24-11-2009, 16:50:29
    #1
    Ni-Osman
    Ni-Osman
    Kurumsal PLUS
    Bir grafik yazılımı yaptık bu yazılım meta kodu ile her 30 saniye de bir yeniliyorduk ve 30 saniye de bir değişen resimlerde yenilenmiş oluyordu..

    Aynı sistemi müşteri paneline entegre ettik ama bu paneli yenileyemeyiz bu nedenle sadece sayfayı yenilemeden resmi 30 saniye de bir yenilememiz gerekiyor ıframe düşündüm ama Ajax ile daha şık olacak bizim için Ajax ile sayfa değişmeden resmi yenilemenin bir yolu var mı? Google de birkaç örnek buldum ancak çalışmadı..
  • 24-11-2009, 17:07:06
    #2
    dahi
    dahi
    demo burda download burda osman bey, sorun çıkarırsa ni.net.tr destek panelinden devam edelim =)
  • 24-11-2009, 20:48:51
    #3
    Ni-Osman
    Ni-Osman
    Kurumsal PLUS
    indirip incelemedim ama sürekli değişen yolu belli tek bir resim var bu resim 30 saniye de bir değişiyor Hat grafiği resmi bizde sayfayı yeniliyorduk 30 saniye de bir ama müşteri paneli içinde yenileme yapamıyoruz ve ajax ile resmi yenileyeceğiz..

    Burada farklı resimler üzerinde işlem yapılıyor.. Dedicated kullanıyorsanız monitor.ni.net.tr sisteminden bahsediyorum
  • 24-11-2009, 21:01:10
    #4
    selim61
    selim61
    resmi bir div içine atıp sadece div içeriğini yenilemek işinizi görebilir
    Alıntı
    function divyenile()
    {
    $("divclasım").fadeOut("slow");
    //divclassı yerine .divclassadı yada #dividadı de yapabilirsiniz
    //jquery ile div içeriğini yenileme
    ajax functions
    $("divclasım").fadeIn("slow");
    setTimeout("divyenile();", 30000); //30 saniyede bir divyenile functionunu çağır

    }

    $(document).ready(function()
    {
    setTimeout("divyenile();", 30000); //sayfa ilk yüklendiğinde bir kerelik çalıştır

    }
    fadeout ve fadein jquery ile hazırlanmış bir resim efekti, resim üzerine mouse ile gelince aydınlanma ile daha belirgin hale gelmesini sağlıyor
  • 24-11-2009, 21:05:18
    #5
    Haymac
    Haymac
    jquery ile şöyle oluyor bu,

    bunu script tagları arasına yazıyorsun


    <script>
    function resimyenile() {
    $('#resim_yenile').load('resimci.php');
    setTimeout("resimyenile();", 30000);

    }
    resimyenile();
    </script>

    <div id="resim_yenile"> <img src=""> </div>



    resmide id si resim_yenile olan dive koyuyorsun. aynen yukardaki gibi.
    sonra resimci.php'ye de html img kodlarını. hepsi bu.

    resimci.php :
    <img src="adresi neyse artık">

    bu arada unutma jquery'i ekle script tagı ile
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  • 24-11-2009, 21:07:52
    #6
    selim61
    selim61
    bak bu daha etkiliymiş
    Alıntı
    <script type="text/javascript">

    function refreshimage( ) {

    $("#imgNYC").attr("src", "http://images.earthcam.com/
    ec_metros/newyork/newyork/lindys.jpg"); //#imgNYC resim id si
    $("#imgNYC").show();
    setTimeout(refreshimage, 30000);
    }

    $(document).ready(function(){
    $(window).load(refreshimage());
    });
    </script>
  • 24-11-2009, 21:08:24
    #7
    Ni-Osman
    Ni-Osman
    Kurumsal PLUS
    Teşekkürler..

    Bir deneme yapayım..
  • 24-11-2009, 21:14:08
    #8
    Haymac
    Haymac
    osman, mesajı editleyip daha detaylı yazdım.
    ister attr ile kullan ister load ile genede işini görür. sıkıntı olursa tıklatırsın