Hallo Leute,
Habe mir ein Design erstellt das ein Buch darstellt.
Bis dato habe ich es so gelöst wenn ich auf den nächsten Beitrag springe das nur dieser Inhalt neu geladen wird mit einer Fadein Funktion.
Im netz gibt es viele Flipbook funktionen, jedoch müsst ich dafür vor auch die anderen beiträge laden, und das möchte ich nicht.
Hat vielleicht wer einen Tipp für mich, wie ich quasi für Page Load so ein art Blätterfunktion hinbekomme?
Zur zeit sieht mein Skript so aus.
Code
[COLOR=#000000]jQuery("div.pagenav a").live('click',function() { [/COLOR] var url = jQuery(this).attr('href'),
height = jQuery("#main").outerHeight();
jQuery("#content").css({height:height});
jQuery("html,body").animate({scrollTop:0},500);
if(jQuery(this).attr("class") == "nextpostslink"){
var peelClass = "right";
} else {
var peelClass = "left";
}
jQuery("#main").fadeOut(500,function(){
jQuery("#content").html("<div id='loading'>Loading</div>").load(url + " #main",'', function() {
theend();
jQuery("#main").hide().fadeIn(500);
jQuery(this).css({height:"auto"});
});
});
return false;
});
jQuery(".postinate a").live('click',function() {
var url = jQuery(this).attr('href'),
height = jQuery("#entryContainer").outerHeight(),
entryTop = jQuery("#entryContainer").position().top;
jQuery("#entryContainer").css({height:height});
jQuery("html,body").animate({scrollTop:entryTop},500);
jQuery(".entry").fadeOut(500,function(){
jQuery("#entryContainer").html("<div id='loading'>Loading</div>").load(url + " .entry",'', function() {
jQuery(".entry").hide().fadeIn(500);
jQuery(this).css({height:"auto"});
});
});
return false; [COLOR=#000000] });[/COLOR]