none
Jquerry İstek RRS feed

  • Soru

  • İyi Günler Arkadaşlar, bana sağ tarafta ki menünün üzerindeki elemanlara geldiğimde soldaki tabloda fotoğrafın o fotoğrafa ait olan ismin ,tarihin vs gösterebileceğim yani mouse hover la çalışan bi jquerry öneribilirmisiniz ?
    20 Nisan 2011 Çarşamba 22:02

Yanıtlar

  • Halil İbrahim Bey selamlar,

    Birebir sizin istediğiniz gibi bir eklenti bulamadım ama belki var olanlar özelleştirilebilir şuradakine bir bakar mısınız? Buradakinin menüsü sağda olanı istiyorsanız size düşen az bir işle halledebilirsiniz diye düşünüyorum. Sorulması gereken birşey de fotoğrafın ismi ve tarihi verisini nereden alacaksınız?

    Ben ufak bir örnek hazırladım size belki faydalı olabilir :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title></title>
       <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js" type="text/javascript"></script>
       <script type="text/javascript">
         $(document).ready(function () {
    
           $('#1').mouseover(function () {
             $('#resim').attr('src', 'Resim1.PNG');
             $('#ad').html('Resim1');
           });
    
           $('#2').mouseover(function () {
             $('#resim').attr('src', 'Resim2.PNG');
             $('#ad').html('Resim2');
           });
    
           $('#3').mouseover(function () {
             $('#resim').attr('src', 'Resim3.PNG');
             $('#ad').html('Resim3');
           });
    
           $('#4').mouseover(function () {
             $('#resim').attr('src', 'Resim4.PNG');
             $('#ad').html('Resim4');
           });
         });
    </script>
    </head>
    <body>
    <div>
    <li id="1">Resim 1'i görmek için mouse imlecini buraya getiriniz.</li>
    <br />
    <li id="2">Resim 2'yi görmek için mouse imlecini buraya getiriniz.</li>
    <br />
    <li id="3">Resim 3'ü görmek için mouse imlecini buraya getiriniz.</li>
    <br />
    <li id="4">Resim 4'ü görmek için mouse imlecini buraya getiriniz.</li>
    <br />
    <img id="resim" />
    <div id="ad"></div>
    </div>
    </body>
    </html>
    

     

    Geri dönüşünüzü bekliyorum,

    İyi çalışmalar,


    Microsoft bu servisi kullanıcılarına yardım etme, Microsoft ürünleri ve teknolojileriyle ilgili bilgi bankasını genişletme amacıyla ücretsiz sunmaktadır.
    Bu içerik olduğu gibi benim tarafımdan hazırlanmış olup Microsoft tarafından herhangi bir sorumluluk üstlenildiği anlamına gelmez.
    Facebook Üzerinden Takip Et!
    Twitter'da Takip Et!


    21 Nisan 2011 Perşembe 13:43
    Moderatör
  • Merhaba;

    Biraz karmaşık gelebilir içindeki kodlar ama ayrıntıyla anlatacağım : http://www.fileserve.com/file/Ccndwg2

    Bu dosyayı indirdikten sonra sağ taraftaki menülerinizi repeat edip onmousehover özelliğini kullanabilirsiniz. tasarımı size bırakıyorum . .aspx sayfasında değiişen label lar var bunların id lerini kendinize göre ayarlamanız gerekiyor. ayrıca kod kısmında en aşağıda attritubes komutu ile ilgili de değişiklik yapmanız lazım. Ben orada resimleri repeat edip üzerine gelinen resmin haber başlığı,büyük resmi,tarih vs. alanları çekebiliyorum. Umarım işinize yarar

     

     

    Kolay gelsin.


    Her zaman iyi olmayı isteyin, mükemmel olun.
    25 Nisan 2011 Pazartesi 16:33

Tüm Yanıtlar

  • Halil İbrahim Bey selamlar,

    Birebir sizin istediğiniz gibi bir eklenti bulamadım ama belki var olanlar özelleştirilebilir şuradakine bir bakar mısınız? Buradakinin menüsü sağda olanı istiyorsanız size düşen az bir işle halledebilirsiniz diye düşünüyorum. Sorulması gereken birşey de fotoğrafın ismi ve tarihi verisini nereden alacaksınız?

    Ben ufak bir örnek hazırladım size belki faydalı olabilir :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title></title>
       <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js" type="text/javascript"></script>
       <script type="text/javascript">
         $(document).ready(function () {
    
           $('#1').mouseover(function () {
             $('#resim').attr('src', 'Resim1.PNG');
             $('#ad').html('Resim1');
           });
    
           $('#2').mouseover(function () {
             $('#resim').attr('src', 'Resim2.PNG');
             $('#ad').html('Resim2');
           });
    
           $('#3').mouseover(function () {
             $('#resim').attr('src', 'Resim3.PNG');
             $('#ad').html('Resim3');
           });
    
           $('#4').mouseover(function () {
             $('#resim').attr('src', 'Resim4.PNG');
             $('#ad').html('Resim4');
           });
         });
    </script>
    </head>
    <body>
    <div>
    <li id="1">Resim 1'i görmek için mouse imlecini buraya getiriniz.</li>
    <br />
    <li id="2">Resim 2'yi görmek için mouse imlecini buraya getiriniz.</li>
    <br />
    <li id="3">Resim 3'ü görmek için mouse imlecini buraya getiriniz.</li>
    <br />
    <li id="4">Resim 4'ü görmek için mouse imlecini buraya getiriniz.</li>
    <br />
    <img id="resim" />
    <div id="ad"></div>
    </div>
    </body>
    </html>
    

     

    Geri dönüşünüzü bekliyorum,

    İyi çalışmalar,


    Microsoft bu servisi kullanıcılarına yardım etme, Microsoft ürünleri ve teknolojileriyle ilgili bilgi bankasını genişletme amacıyla ücretsiz sunmaktadır.
    Bu içerik olduğu gibi benim tarafımdan hazırlanmış olup Microsoft tarafından herhangi bir sorumluluk üstlenildiği anlamına gelmez.
    Facebook Üzerinden Takip Et!
    Twitter'da Takip Et!


    21 Nisan 2011 Perşembe 13:43
    Moderatör
  • Halil İbrahim Bey merkahabar,

    Önerilerim işinize yaradı mı ya da kendiniz başka bir plugin bulabildiniz mi? Geri dönüşünüzü bekliyorum,

     

    Kolay gelsin,


    Microsoft bu servisi kullanıcılarına yardım etme, Microsoft ürünleri ve teknolojileriyle ilgili bilgi bankasını genişletme amacıyla ücretsiz sunmaktadır.
    Bu içerik olduğu gibi benim tarafımdan hazırlanmış olup Microsoft tarafından herhangi bir sorumluluk üstlenildiği anlamına gelmez.
    Facebook Üzerinden Takip Et!
    Twitter'da Takip Et!


    25 Nisan 2011 Pazartesi 06:49
    Moderatör
  • Merhaba;

    Biraz karmaşık gelebilir içindeki kodlar ama ayrıntıyla anlatacağım : http://www.fileserve.com/file/Ccndwg2

    Bu dosyayı indirdikten sonra sağ taraftaki menülerinizi repeat edip onmousehover özelliğini kullanabilirsiniz. tasarımı size bırakıyorum . .aspx sayfasında değiişen label lar var bunların id lerini kendinize göre ayarlamanız gerekiyor. ayrıca kod kısmında en aşağıda attritubes komutu ile ilgili de değişiklik yapmanız lazım. Ben orada resimleri repeat edip üzerine gelinen resmin haber başlığı,büyük resmi,tarih vs. alanları çekebiliyorum. Umarım işinize yarar

     

     

    Kolay gelsin.


    Her zaman iyi olmayı isteyin, mükemmel olun.
    25 Nisan 2011 Pazartesi 16:33
  • Merhabalar,

    Sorunun çözüldüğünü ya da en azından bir bakış açısı sağladığımızı düşündüğümden çözüldü olarak işaretliyorum bilginize.

     

    İlkay Bey,

    Forum üzerindeki paylaşımlarınız için ben kendi adıma çok teşekkür ederim,

    İyi forumlar,


    Microsoft bu servisi kullanıcılarına yardım etme, Microsoft ürünleri ve teknolojileriyle ilgili bilgi bankasını genişletme amacıyla ücretsiz sunmaktadır.
    Bu içerik olduğu gibi benim tarafımdan hazırlanmış olup Microsoft tarafından herhangi bir sorumluluk üstlenildiği anlamına gelmez.
    Facebook Üzerinden Takip Et!
    Twitter'da Takip Et!


    27 Nisan 2011 Çarşamba 08:51
    Moderatör
  • Eğer yardımcı olabiliyorsam ne mutlu bana Emre Bey...Teşekkür ederim

     


    Her zaman iyi olmayı isteyin, mükemmel olun.
    27 Nisan 2011 Çarşamba 09:19