İnfinite scroll yani sonsuz scroll dedikleri bir olay var onedio gibi sitelerde bu özellik oldukça yaygın bir kaç internet sitesinden bu scroll kodunu buldum ekledim ve çalıştırdım ;
sonuç olarak js kodları google ajax ' a yüklü olduğu için css kodlarını çekemiyorum ve kendim upload edince kullanamıyorum ..
Kendim upload edemediğim için aklıma bir çözüm yolu geldi
Googlenin dinamik temasından bu js kodlarını almak
Bu temayı çoğu kişi bilir : http://oyuncuyadestek.blogspot.com.tr/ örnek sitede bu tema mevcut..
Size sormak istediğim konu şu sonsuz scroll kodunu googlenin temasından çekmek istiyorum lakin hangi kod olduğunu bilmediğim için bu kodlara ulaşamıyorum.
Bana bu kodları temadan çekip siteme nerelere ekleyeceğim konusunda yardımcı olabilecek birisi var mı acaba ?
Şimdiden teşekkürler bu arada blogger kullanıyorum
Kodlamadan anlayanlar... |
8 Mesajlar | 620 Okunma | ||
- Üyelik 02.04.2015
- Yaş/Cinsiyet 28 / E
- Meslek Google Adsense
- Konum İstanbul Anadolu
- Ad Soyad F** P**
- Mesajlar 1037
- Beğeniler 243 / 172
- Ticaret 14, (%100)
- Üyelik 23.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum Denizli
- Ad Soyad K** C**
- Mesajlar 691
- Beğeniler 0 / 203
- Ticaret 6, (%100)
Kaynak : http://scrollmagic.io/examples/advanced/infinite_scrolling.html
LOADING...
<script>
// init controller
var controller = new ScrollMagic.Controller();
// build scene
var scene = new ScrollMagic.Scene({triggerElement: ".dynamicContent #loader", triggerHook: "onEnter"})
.addTo(controller)
.on("enter", function (e) {
if (!$("#loader").hasClass("active")) {
$("#loader").addClass("active");
if (console){
console.log("loading new items");
}
// simulate ajax call to add content using the function below
setTimeout(addBoxes, 1000, 9);
}
});
// pseudo function to add new content. In real life it would be done through an ajax request.
function addBoxes (amount) {
for (i=1; i<=amount; i++) {
var randomColor = '#'+('00000'+(Math.random()*0xFFFFFF<<0).toString(16)).slice(-6);
$("")
.addClass("box1")
.css("background-color", randomColor)
.appendTo(".dynamicContent #content");
}
// "loading" done -> revert to normal state
scene.update(); // make sure the scene gets the new start position
$("#loader").removeClass("active");
}
// add some boxes to start with.
addBoxes(18);
</script>
- Üyelik 02.04.2015
- Yaş/Cinsiyet 28 / E
- Meslek Google Adsense
- Konum İstanbul Anadolu
- Ad Soyad F** P**
- Mesajlar 1037
- Beğeniler 243 / 172
- Ticaret 14, (%100)
XML, satır 2743, sütun 3 ayrıştırılırken hata oluştu: The element type "img" must be terminated by the matching end-tag "". hatası verdi hocam.
- Üyelik 08.12.2013
- Yaş/Cinsiyet 34 / E
- Meslek bilişim
- Konum İstanbul Avrupa
- Ad Soyad A** M**
- Mesajlar 395
- Beğeniler 31 / 77
- Ticaret 9, (%100)
Bunu wordpress'e nasıl entegre edebiliriz ? :)
- Üyelik 19.11.2016
- Yaş/Cinsiyet 32 / E
- Meslek memur
- Konum Adana
- Ad Soyad T** A**
- Mesajlar 20
- Beğeniler 0 / 4
- Ticaret 0, (%0)
Kod işi çok karışık ya.
- Üyelik 25.07.2016
- Yaş/Cinsiyet 27 / E
- Meslek Full Stack Developer
- Konum Diğer
- Ad Soyad U** K**
- Mesajlar 1403
- Beğeniler 404 / 404
- Ticaret 18, (%100)
XML, satır 2743, sütun 3 ayrıştırılırken hata oluştu: The element type "img" must be terminated by the matching end-tag "". hatası verdi hocam.
Hata / koymanı söylüyor.
technovenue.com
- Üyelik 02.04.2015
- Yaş/Cinsiyet 28 / E
- Meslek Google Adsense
- Konum İstanbul Anadolu
- Ad Soyad F** P**
- Mesajlar 1037
- Beğeniler 243 / 172
- Ticaret 14, (%100)
Hocam teşekkürler ama kod bilgim yok nasıl olcak biraz daha açarmısın.
- Üyelik 25.09.2016
- Yaş/Cinsiyet 41 / E
- Meslek domain alınır-satılır
- Konum Antalya
- Ad Soyad M** S**
- Mesajlar 688
- Beğeniler 73 / 264
- Ticaret 7, (%100)
böyle bir kod olması lazım yukardaki kod ne için bakmadım anlamıyorum da ama mantık şu:
şeklinde bir kod açtığında kodla işin bittiğinde
yaparak kapatmalısın.
aynısı
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)