Dynamischer Seitenwechsel...?
Autor: Andreas J.
Besucht 3293,
Followers 1,
Geteilt 0
Hallo Incomedia,
es wäre fantastisch, wenn man endlich die Möglichkeit hätte, den Seitenwechsel innerhalb einer Webpräsenz mit WebsiteX5 dynamich gestalten zu können!!!
Mit freundlichem Gruß
Andreas Jessat / www.aj-bassist.com
Gepostet am
Wenn das das Blitzerproblem meint, zu dem hier auch noch keine Lösung gefunden wurde, dann schließe ich mich dem an.
Mich würde auch interessieren, ob dieses Seitenübergangsproblem in der x5-11 "Professional"-Version noch besteht.
Vielen Dank.
Ihr redet beide von verschiedenen Problemen.
Das Problem "blitzen" tritt wohl nur bei 3% der User auf.
Somit kann ich mr vorstellen, dass es schwierig ist solch ein Problem zu beseitigen, wobei noch nicht mal offensichtlich ist, dass X5 das Problem auslöst.
Das Thema wurde schon häufig diskutiert.
Zum Thema Dynamik (Dynamik allgemein):
Da gebe ich Andreas recht, da würden sich alle drüber freuen, wenn das mal realisiert wird.
Ich denke schon, dass es in der nächsten oder übernächsten Version realisiert wird, da Incomedia nichts daran liegt hinten anzustehen. Ist ja schon fast Standard.
Ihr redet doch von so etwas oder?
http://testseiten.unofficialwsx5.de/wood_working/
Auch, aber auch die dynamische Seitenanpassung.
und von rechts reinkommend,...von oben nach unten,.. oder?
Autor
Ja, genau... Die Seiten beim Wechsel von rechts reinkommend, Ein-/Ausblenden... oder, oder oder - das wäre mal TOP :o)!!! Ansonsten bin ich absolut zufrieden mit dem Webprogramm :o))
Bassige Grüße,
Andreas / www.aj-bassist.com
Autor
Hi !
Diese funktionen des "einblendens" ist in WSX5 nicht vorhanden. Es ist ein Test-Template mit Java-Skirpt Code erweitert! Das Template hat "zwoemti" ins Netz gestellt und kann dort nachgefragt werden.
unofficialwsx5.de
Autor
@Andreas
Wird denn mal eine solche Funktion in einer der nächsten Build's oder Vollversionen enthalten sein? Kann man evtl. so ein Template käuflich erwerben?
Bssige Grüße,
Andreas / www.aj-bassist.com
Möglich, das steht in den Sternen derzeit was INCO für V12 plant!
Wie gesagt, einfach in unserem Forum eine Anfrage stellen, am besten unter Skriptanfragen!
Autor
Danke für die Info!
Autor
So liebe WebSiteX5 User,
für alle die sich dafür interessieren - Seitenübergang FadeIn / FadeOut - habe ich in den letzten Wochen mal ordentlich das Internet durchforstet und experimentiert. Und nun habe ich eine Lösung gefunden und in meine Seiten eingebaut. Das funktioniert wirklich recht gut und man kann sogar die Parameter einstellen (custom.js). Ich habe dafür folgenden Code in meine Head- Bereich gestellt:
<script type="text/javascript" src="./js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="./js/custom.js"></script>
In die Datei "custom.js setzt ihr den folgenden Code ein:
$(document).ready(function() {
$("body").hide().delay(170).fadeIn(2000)
$('a').click(function() {
url=$(this).attr("href")
$("body").fadeOut('slow', function() {
[removed].replace(url);
});
return false;
});
});
Die Datei "jqueri-2.1.1.js" könnt ihr unter folgender Adresse offiziell downloaden.
http://jquery.com/download/
Bitte achtet darauf, dass diese beiden Dateien ("jqueri-2.1.1.js" sowie "custom.js") in dem angegeben Pfad liegen, der in dem script-Link im Head Bereich angegeben ist. Natürlich könnt ihr diesen nach belieben ändern. Er sollte nur im Rootverzeichnis eurer Webseiten verbleiben.
Jetzt gibt es noch eine Frage zu lösen....
Wie kann ich den Head-Bereich (top.png [siehe Bild]) in meinen Webseiten vom FadeIn / FadeOut Effekt rausnehmen, denn dieser ändert sich ja nicht, wie der Seiteninhalt. Wenn jemand eine Idee oder eine Lösung parat hat, würde ich mich freuen, wenn du/ihr diese hier postet.
So, nun viel Spaß beim Experimentieren.
Bassige Grüße,
Andreas / www.aj-bassist.ocm
ganz einfach indem du nicht den body nimmst sondern die Haupt ID´s die auch faden sollen.
Autor
Danke Zwoemti, aber welche Haupt ID's , wie oder wo finde ich diese Haupt ID's??? Sind das die, die gleich nach dem Hauptmenü im body Teil kommen... Also:
<div id="imContentGraphics"></div>
<div id="imContent">
<a id="imGoToCont"></a>
Und dann muss ich statt "body" "imContentGraphics" oder "imContent" bei custom.js eintragen???
Vielleicht kannst du mir ein bisschen auf die Sprünge helfen. Vielen Dank!!!
Bassige Grüße,
Andreas
Autor
Ich habe es gerade einmal mit den oben genannten ID's probiert, die funktionieren gar nicht. Ich nehme ganz sicher die falschen. Habe es dann einmal mit der ID vom Videoplayer probiert "imCell_65" - auch da tut sich gar nichts???
#imContent usw ist richtig. Schau in die template.css. Id per Komma trennen.
Musst sie auch richtig ansprechen
#.......
Autor
Supi, das funktioniert jetzt schon sehr gut. Es sind zwar zwischen den
Übergängen ab und zu mal kurze, weiße Blitzer zu sehen. Aber
das wird wohl nicht zu vermeiden sein...
Was aber eigenartig erscheint, ist, dass wenn ich auf der
gewählten Seite "Vita" einen Link anklicke (z.B.
Oceandrive) und es wird ein Bild in einer Showbox angezeigt, blendet
sich im Hintergrund der gesamte Inhalt weg. Schließe ich jetzt die
Showbox, schaut der Besucher auf eine leere Seite. Oder ein externer
Link soll geöffnet werden. Eigentlich habe ich "...öffnen
in einem neuen Fenster" eingestellt, aber es wird der
Seiteninhalt ausgeblendet und die neue Seite (verlinkte Seite) wird
angezeigt. Einen Test kannst du gerne mal unter folgendem Link
machen: www.aj-bassist.com/test
Gibt es da evtl. Abhilfe?
Vielen Dank für deine Hilfe!
Bassige Grüße, Andreas
ich kenne den Grund....aber das ist kein Thema für hier....
Die Übergänge bekommst du flüssiger indem du die Seiten vorher ausblendest und dann einblendest. Ist ja alles schon möglich denn das script reagiert ja auf url=$(this).attr("href")
Autor
Das verstehe ich jetzt nicht, ".. die Seiten vorher ausblenden"
Wie sollte ich den code abändern?:
$(document).ready(function() {
$("#imContent, #imContentGraphics, #imFooter").hide().delay(170).fadeIn(2000)
$('a').click(function() {
url=$(this).attr("href")
$("#imContent,#imContentGraphics, #imFooter").fadeOut(1500, function() {
[removed].replace(url);
});
return false;
});
});
Mit den weißen Blitzen sollte ich in welches Thema wechseln? Habe "weiße Blitze beim Seitenwechsel" schon eingegeben, aber da stand nichts weiteres. Na gut, werde dann noch mal suchen.
Bässte Grüße, Andreas
Autor
Oder Zwoemti, lass es uns so machen...
Schicker mir bitte per PN eine Angebot für ein fertiges Script fadeIn/fadeOut (ohne Blitzer) und alle externen Links (Showbox und Webseiten) öffnen, ohne dass der aktuelle Seiteninhalt wegblendet. Bin gerne bereit, dafür auch zu bezahlen!
Bässte Grüße, Andreas
fade out ist doch im zweiten Abschnitt schon angegeben du brauchst doch nur die Zeiten ändern bzw angeben wie du ja oben schon geschrieben hast.
Das weiße blitzen solltest du auch mit der Änderung der Hintergrundfarbe vom Template wegbekommen. Gänzlich wird es nichts da die Seiten ja immer etwas laden müssen.
Autor
Oh ja, mit schwarz fällt es nicht ganz so auf! Vielen Dank.
Nur weiß ich nicht, wie ich die Seite vorher ausblenden soll bevor ich diese lade. Welchen Codeteil muss ich wohin setzen? Und weiterhin bleibt das Problem mit der Showbox (Bilder) und externen Links. Wie bekommt man dies in den Griff? Hast du hierfür einen Tipp oder Vorschlag? Ist nicht so schön, wenn plötzlich der Seiteninhalt verschwunden ist. Oder geht das prinzipiell nicht. Dann hätte sich alles erledigt! Denn so kann man es nicht lassen.
Vielen Dank für deine Hilfe und Vorschläge !!!
Bässte Grüße, Andreas
steht doch schon da
$('a').click(function() {
url=$(this).attr("href")
$("#imContent,#imContentGraphics, #imFooter").fadeOut(1500, function() {
[removed].replace(url);
});
return false;
});
fadeout 1500 ms
reagiert wird auf a tags und somit auch auf die showbox Links denn nichts anderes sind sie. Wenn es nicht auf die a tags reagieren soll worauf dann? Eventuell kannst du das ganze ja mehr differenzieren aber die Änderung von X5 generierten Code ist nunmal nicht im Programm möglich.
Autor
OK, dann lasse ich es jetzt, denn so hat es ja keinen Zweck!
Trotzdem vielen Dank für die Hilfe...
Bassige Grüße, Andreas