Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

jQuery Daha fazlası yapımı YARDIM.

 5 Mesajlar 1.430 Okunma
acebozum
tr.link

#1
bozok 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










Ürünü İncele





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

 

elektronikssl
webimgo

#2
Flawless 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
bozok

kişi bu mesajı beğendi.

#3
HapyMan HapyMan Full Stack Developer Kullanıcı
  • Üyelik 14.05.2016
  • Yaş/Cinsiyet 32 / E
  • Meslek What do you do exactly ?
  • Konum İstanbul Avrupa
  • Ad Soyad T** T**
  • Mesajlar 561
  • Beğeniler 171 / 208
  • Ticaret 0, (%0)
şunu hazırlamıştım belki işinize yarar bi inceleyin hocam :
mmERjz
bozok

kişi bu mesajı beğendi.

#4
bozok 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.
 

 

wmaraci
wmaraci

#5
bozok 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/
 

 

Div tagı içeriğinin değiştirilmesi
jQuery ile mobilde 2 menü
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al