jQuery Daha fazlası yapımı YARDIM.

21.04.2017 15:27

bozok WM Aracı Kullanıcı

Üyelik 08.02.2012
Yaş/Cinsiyet - / E
Meslek
Konum

Ad Soyad ** **
Mesajlar 145
Beğeniler 46 / 26
Ticaret 0, (%0)

Merhaba jQuery ile daha fazlası yapmak istiyorum örnekteki mantıkla.

http://jsfiddle.net/hQUx8/

Ben bu sistemi portfolio sayfasına uygulamak istiyorum. Son hali bu şekilde

http://i.hizliresim.com/7q6dgv.png yeni ürün ekledikçe uzadığı için sayfam böyle bir çözüm düşündüm.

Takıldığım konu ise ;

<script>

	$(function () {

    $("div").slice(0, 4).show();

    $("#loadMore").on('click', function (e) {

        e.preventDefault();

        $("div:hidden").slice(0, 4).slideDown();

        if ($("div:hidden").length == 0) {

            $("#load").fadeOut('slow');

        }

        $('html,body').animate({

            scrollTop: $(this).offset().top

        }, 1500);

    });

});



	</script>

bu koddaki DİV kısımı. benim kodlarım bu şekilde



                

                    Hepsi

                    Kendi Ürünlerimiz

                    Porselen Gurubu

                    Çelik ve Teflon Gurubu

					Elektrikli Ev Aletleri

					Ev Tekstili

					Mobilya Gurubu



                

                    

                        

                        

                            Ürünü İncele

yardım ederseniz çok sevinirim. Ne yaptım ise olmadı teşekkürler.

21.04.2017 16:31

Flawless Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.10.2013
Yaş/Cinsiyet 41 / E
Meslek Php Coder
Konum Antalya

Ad Soyad K** I**
Mesajlar 476
Beğeniler 22 / 87
Ticaret 7, (%100)



<script>
	$(function () {
    $(".portfolio-items").slice(0, 4).show();
    $("#loadMore").on('click', function (e) {
        e.preventDefault();
        $(".portfolio-items:hidden").slice(0, 4).slideDown();
        if ($(".portfolio-items:hidden").length == 0) {
            $("#load").fadeOut('slow');
        }
        $('html,body').animate({
            scrollTop: $(this).offset().top
        }, 1500);
    });
});

	</script>

bu şekilde dener misiniz yada localde değilse ftp verin bakalım

1 kişi bu mesajı beğendi.

22.04.2017 11:51

HapyMan Full Stack Developer Kullanıcı

Üyelik 14.05.2016
Yaş/Cinsiyet 31 / E
Meslek What do you do exactly ?
Konum İstanbul Avrupa

Ad Soyad T** T**
Mesajlar 562
Beğeniler 171 / 208
Ticaret 0, (%0)

şunu hazırlamıştım belki işinize yarar bi inceleyin hocam :
mmERjz

1 kişi bu mesajı beğendi.

22.04.2017 12:58

bozok WM Aracı Kullanıcı

Üyelik 08.02.2012
Yaş/Cinsiyet - / E
Meslek
Konum

Ad Soyad ** **
Mesajlar 145
Beğeniler 46 / 26
Ticaret 0, (%0)

Flawless adlı üyeden alıntı





<script>

	$(function () {

    $(".portfolio-items").slice(0, 4).show();

    $("#loadMore").on('click', function (e) {

        e.preventDefault();

        $(".portfolio-items:hidden").slice(0, 4).slideDown();

        if ($(".portfolio-items:hidden").length == 0) {

            $("#load").fadeOut('slow');

        }

        $('html,body').animate({

            scrollTop: $(this).offset().top

        }, 1500);

    });

});



	</script>

bu şekilde dener misiniz yada localde değilse ftp verin bakalım

hocam bir işe yaramadı ftp ye şu an atıyorum özelden yazarım bilgileri.

30.04.2017 13:17

bozok WM Aracı Kullanıcı

Üyelik 08.02.2012
Yaş/Cinsiyet - / E
Meslek
Konum

Ad Soyad ** **
Mesajlar 145
Beğeniler 46 / 26
Ticaret 0, (%0)

işte burada bir örnek var bende böyle olsun istiyorum.

http://holothemes.com/stylish/portfolio-2/4-columns-portfolio/

jQuery Daha fazlası yapımı YARDIM.

Ürünü İncele

Üye Girişi Yap