• 20-05-2020, 23:34:34
    #1
    Öncelikle herkese merhaba.

    Jquery ile bir event oluşturdum ama tam istediğim gibi olmadı

    Bu sitedeki sliderde 4 büyük resimde ayni classa sahip. Sadece üzerine geldiğinin opaklığı ile oynayabiliyorum ama sadece üzerine geldiğinin yazısını çıkaramıyorum.
    event.target ı denedim ama olmadı yada ben yapamadım.
    Bilen varsa yardımcı olabilir mi ?

    JQuery Kodları
    $(document).ready(function(){
        $('.sliderİmg1').mouseover(function(){
            $(this ).animate({
                opacity: 0.75,
              }, 300)
              $('.imgText').show(200)
        })
        $('.sliderİmg1').mouseout(function(){
            $(this ).animate({
                opacity: 1,
              }, 300)
            $('.imgText').hide(200)
        })
    })
  • 20-05-2020, 23:45:09
    #2
    Ben olsam html kısmını şu şekilde yapardım.
    <div style="position: relative;" class="sliderİmg1">
    <a href="#"><img src="img/bootstrap-1.jpg"></a>
    <h3 class="imgText" style="display: none;">Bootstrap'ı projenize ekleme</h3>
    </div>

    Javascript kısmınıda aşağıdaki gibi yapardım.

    $(document).ready(function(){
        $('.sliderİmg1').mouseover(function(){
            $(this ).children("a").animate({
                opacity: 0.75,
              }, 300)
              $(this ).children('.imgText').show(200);
        })
        $('.sliderİmg1').mouseout(function(){        
              $(this ).children("a").animate({
                opacity: 1,
              }, 300)
              $(this ).children('.imgText').hide(200);
        })
    })
  • 20-05-2020, 23:50:58
    #3
    salimsevindik adlı üyeden alıntı: mesajı görüntüle
    Ben olsam html kısmını şu şekilde yapardım.
    <div style="position: relative;" class="sliderİmg1">
    <a href="#"><img src="img/bootstrap-1.jpg"></a>
    <h3 class="imgText" style="display: none;">Bootstrap'ı projenize ekleme</h3>
    </div>

    Javascript kısmınıda aşağıdaki gibi yapardım.

    $(document).ready(function(){
        $('.sliderİmg1').mouseover(function(){
            $(this ).children("a").animate({
                opacity: 0.75,
              }, 300)
              $(this ).children('.imgText').show(200);
        })
        $('.sliderİmg1').mouseout(function(){        
              $(this ).children("a").animate({
                opacity: 1,
              }, 300)
              $(this ).children('.imgText').hide(200);
        })
    })
    Hocam Jquery yi yeni öğrenmeye başladım children() kullanarak yaptım çok teşekkür ederim.