MyBB.de Forum
Seitenübergänge - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Seitenübergänge (/thread-26614.html)



Seitenübergänge - chemera - 10.10.2012

Hallo, gibt es eigendlich irgendwie die Möglichkeit oder ein Plugin, das die Seiten beim wechseln überblenden und nicht einfach wechseln, fände so einen sanften Übergang estetischer.


RE: Seitenübergänge - Falkenauge Mihawk - 10.10.2012

Ein Plugin gibt es meines Wissens nach nicht, aber hier ein entsprechender Thread dazu: https://www.contao-community.de/showthread.php?27046-Weicher-Seiten%FCbergang-bei-Klick-auf-Link-im-Men%FC&p=179313&viewfull=1#post179313

Und nein, in dem verlinkten Thread gehts nicht um MyBB explizit sondern um Seiten ein- und ausfaden allgemein.


RE: Seitenübergänge - chemera - 10.10.2012

Danke Mihawk, interresanter Link, aber leider eine Sackgasse.


RE: Seitenübergänge - Kenny - 10.10.2012

Vielleicht hilft dir folgender Link weiter: http://forum.chip.de/html-css-javascript/html-seite-einblenden-google-1362351-page2.html#post8132260


RE: Seitenübergänge - Raphael - 11.10.2012

Ich persönlich würde so eine Umstellung klassischer Weise mit jQuery lösen.
(Dazu bietet sich es meiner Meinung nach an auf die MyBB v. 1.8 zu warten, da dort jQuery als Standard mitgebracht wird.)

Dort würde ich für jeden Link einen Ajax-Request machen.
Das könnte in etwa so aussehen:

Code:
jQuery(document).ready(function($){

$("a").click(function(e){
e.preventDefault(); //Normales Seitenladen verhindern

var meinlink = $(this).attr('href');
$("html").fadeout(300); //Aktuelle Seite ausblenden innerhalb von 300ms

$.get(meinlink, function(data){

$("html").html(data).fadein(300);//Neue Seite einblenden innerhalb von 300ms


});

});

});

Das ganze könnte man noch verfeinern, indem man von der Seite nur den Inhaltsbereich ausblendet, und bei dem Ajaxrequest nur diesen entsprechenden Bereich rausparst und wieder einfügt.