Merhaba arkadaşlar,
http://blueowlcreative.com/wp/terra/blue/ adresindeki gibi sayfada aşağı inildikçe içeriklerin yumuşak animasyonlarla yüklenmesini nasıl yapabilirim fikri olan var mıdır? Teşekkürler şimdiden..
Sayfa İnişinde İçeriğin Animasyonla Yüklenmesi |
7 Mesajlar | 1.281 Okunma | ||
- Üyelik 24.06.2014
- Yaş/Cinsiyet 39 / E
- Meslek Ticaret
- Konum İstanbul Anadolu
- Ad Soyad M** G**
- Mesajlar 250
- Beğeniler 78 / 24
- Ticaret 0, (%0)
- Üyelik 24.06.2014
- Yaş/Cinsiyet 28 / E
- Meslek PHP
- Konum Ankara
- Ad Soyad B** U**
- Mesajlar 587
- Beğeniler 11 / 112
- Ticaret 2, (%100)
http://buraksah.in/wordpresste-sayfa-sonuna-indikce-eski-yazilarin-yuklenmesi-facebook-twitter-tarzi.html buraya bi göz at yardımcı olacaktır :)
- Üyelik 24.06.2014
- Yaş/Cinsiyet 39 / E
- Meslek Ticaret
- Konum İstanbul Anadolu
- Ad Soyad M** G**
- Mesajlar 250
- Beğeniler 78 / 24
- Ticaret 0, (%0)
BatuhanUyar adlı üyeden alıntı
http://buraksah.in/wordpresste-sayfa-sonuna-indikce-eski-yazilarin-yuklenmesi-facebook-twitter-tarzi.html buraya bi göz at yardımcı olacaktır :)Dostum teşekkürler fakat benim tasarım html :)
- Üyelik 24.06.2014
- Yaş/Cinsiyet 28 / E
- Meslek PHP
- Konum Ankara
- Ad Soyad B** U**
- Mesajlar 587
- Beğeniler 11 / 112
- Ticaret 2, (%100)
index.php kodları
scroll.php kodları
Kendine göre düzenle
include('mysql.php');
$last_msg_id=$_GET['last_msg_id'];
$action=$_GET['action'];
if($action <> "get")
{
?>
<script></script>
<script>
$(document).ready(function()
{
function last_msg_funtion()
{
var ID=$(".message_box:last").attr("id");
$('div#last_msg_loader').html('
');
$.post("scroll.php?action=get&amp;last_msg_id="+ID,
function(data){
if (data != "") {
$(".message_box:last").after(data);
}
$('div#last_msg_loader').empty();
});
};
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
last_msg_funtion();
}
});
});
</script>
blogkenti.Com - Scroll Load Demo
//Include load_first.php
$sql=$dba->query("SELECT ID,post_title,post_name FROM wp_posts WHERE post_status='publish' ORDER BY ID DESC LIMIT 25");
while($row=$dba->fetch_array($sql))
{
$msgID= $row['ID'];
$msg= $row['post_title'];
$link=$row['post_name'];
?>
}
?>
}else{
include('scroll.php'); //include load_second.php
}
$dba->close();
?>
scroll.php kodları
include('mysql.php');
$last_msg_id=$_GET['last_msg_id'];
$sql=$dba->query("SELECT * FROM wp_posts WHERE ID<'$last_msg_id' and post_status='publish' ORDER BY ID DESC LIMIT 5");
$last_msg_id="";
while($row=$dba->fetch_array($sql))
{
$msgID= $row['ID'];
$link=$row['post_name'];
$msg= $row['post_title'];
?>
}
$dba->close();
?>
Kendine göre düzenle
- Üyelik 24.06.2014
- Yaş/Cinsiyet 39 / E
- Meslek Ticaret
- Konum İstanbul Anadolu
- Ad Soyad M** G**
- Mesajlar 250
- Beğeniler 78 / 24
- Ticaret 0, (%0)
BatuhanUyar adlı üyeden alıntı
index.php kodları
include('mysql.php');
$last_msg_id=$_GET['last_msg_id'];
$action=$_GET['action'];
if($action <> "get")
{
?>
<script></script>
<script>
$(document).ready(function()
{
function last_msg_funtion()
{
var ID=$(".message_box:last").attr("id");
$('div#last_msg_loader').html('');
$.post("scroll.php?action=get&amp;last_msg_id="+ID,
function(data){
if (data != "") {
$(".message_box:last").after(data);
}
$('div#last_msg_loader').empty();
});
};
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
last_msg_funtion();
}
});
});
</script>
blogkenti.Com - Scroll Load Demo
//Include load_first.php
$sql=$dba->query("SELECT ID,post_title,post_name FROM wp_posts WHERE post_status='publish' ORDER BY ID DESC LIMIT 25");
while($row=$dba->fetch_array($sql))
{
$msgID= $row['ID'];
$msg= $row['post_title'];
$link=$row['post_name'];
?>
}
?>
}else{
include('scroll.php'); //include load_second.php
}
$dba->close();
?>
scroll.php kodları
include('mysql.php');
$last_msg_id=$_GET['last_msg_id'];
$sql=$dba->query("SELECT * FROM wp_posts WHERE ID<'$last_msg_id' and post_status='publish' ORDER BY ID DESC LIMIT 5");
$last_msg_id="";
while($row=$dba->fetch_array($sql))
{
$msgID= $row['ID'];
$link=$row['post_name'];
$msg= $row['post_title'];
?>
}
$dba->close();
?>
Kendine göre düzenle
ben bunları anlayacak seviyede değilim dostum sağol yine de..
- Üyelik 05.02.2014
- Yaş/Cinsiyet 28 / E
- Meslek developer
- Konum Bursa
- Ad Soyad F** Ö**
- Mesajlar 704
- Beğeniler 195 / 222
- Ticaret 8, (%100)
EFSANE! | omerbeyoglu.me
- Üyelik 24.06.2014
- Yaş/Cinsiyet 39 / E
- Meslek Ticaret
- Konum İstanbul Anadolu
- Ad Soyad M** G**
- Mesajlar 250
- Beğeniler 78 / 24
- Ticaret 0, (%0)
İnceleyebilirsin;
http://www.web2feel.com/tutorial-for-animated-scroll-loading-effects-with-animate-css-and-jquery/
https://github.com/julianlloyd/scrollReveal.js
http://www.web2feel.com/tutorial-for-animated-scroll-loading-effects-with-animate-css-and-jquery/
https://github.com/julianlloyd/scrollReveal.js
www.web2feel.com/tutorial-for-animated-scroll-loading-effects-with-animate-css-and-jquery/ dostum şimdi bunu denedim adam post class ı içindekileri önce gizlemiş sonra aşağı indikçe açtırıyor. bende de post isimli bir class daha önceden tanımlı olduğundan post1 dedim bu sefer de http://miraraf.com/deneme/index6.html da göreceğin gibi sliderın altında kalan bütün post1 class larını gizledi :( bu benim html bilgimin çok az olmasından mı kaynaklanıyor :( moralim bozuldu baya da.. :(
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)