weg von FLASH

seller · 6. Dezember 2014

Hallo Leute
habe hier eine flashwebseite die ich mit X5 Ver.11 nachbauen "konvertieren" möchte, was meint Ihr geht das?
Kann man es fast genauso machen? Ich denke an Html5 für so ein wenig Bewegungs-schnickschnack.

Schaut es euch doch mal bitte an und sagt was dazu....

http://www.psychotherapie-dr-lindner.de

Gruß
Seller

Frex · 6. Dezember 2014

Ich als alter Flasher sag Dir:

nachbauen ist mehr als einfach
lass den Bewegungs-schnickschnack weg, mach die Seite informativ, gib Atmosphäre durch Farbe
lass das Laufband weg!
freu Dich mit Deinen Kunden über den neuen Webauftritt

andy67 · 6. Dezember 2014

Nachbauen der SEite ohne Schnickschnack geht einfach ! Die Seiten einblenden geht mit etwas JAvaskript ! Aber so toll ist die Seite eben nicht und eigentlich hab ich nur auf den einblend Effekt geschaut (der meiner Meinung stört) und nicht auf den Text !

Gast#gibsnichtmehr#910 · 6. Dezember 2014

Ich schließe mich meinen Vorrednern an. Seite ist nicht Stand der Dinge. Und nur kein Laufband. Mach mal eine vernünftige Seite draus.

seller · 6. Dezember 2014

Man Leute!!
dass Flash nicht mehr Stand der Dinge ist, müssen wir doch hier nicht diskutieren.
Ob die Site nun nicht so Toll ist, wollte ich auch nicht wissen.
Die Seite ist mehrere Jahre alt und der Kunde ist sehr eigen, was da seine Wünsche von Aussehen und Bildern betrifft.
Was glaubt Ihr warum ich frage ob man das so umbauen kann?
Ich will ja weg von flash, aber das was hier gewünscht wurde, ist bisher nur mit Flash zu verwirklichen gewesen, ich könnte auf den Schnickschnack verzichten aber mein Kunde will partout nicht ohne, er steht eben darauf.
Hat jemand nen Tipp wie ich das Einfaden mit javascript machen kann?
Was mir aber die meisten sorgen bereitet ist, dass alles ohne Scrollen funktionieren soll, also so wie jetzt beim Flash, das scrollen nur im Fenster nicht wie bei den normalen Seiten, das Scrollen am Browserfenster....
Aber ich glaube das wird nix.

oder?

Gruß
Seller

zwoemti · 6. Dezember 2014

naja...scrollen nur in einem vordefiniertem Bereich und FadeEffekte sind auch hier erstellt

http://testseiten.unofficialwsx5.de/page-scroll/

das war auch schon in Version 9 möglich....

seller · 7. Dezember 2014

Moin zwoemti,
super dieses Beispiel, könnte meinem Kunden gefallen, gibt es das als template?
ist das von Dir ?
kann man das einfach nachbauen?
wie geht das mit den "externen Scrollpfeilen"?
Hui viele Fragen, wie Du siehst bin ich begeistert!!

Gruß
Seller

andy67 · 7. Dezember 2014

Das mit dem sanft aus-u.einblenden brauchst nur den JAvaskript Code vom Quellcode vor dem schließenden </head> Tag einbauen !

Code

<script type="text/javascript">
$(document).ready(function() {
$(function(){
$('#imContent').hide().fadeIn(2000);
$('#imContentGraphics').hide().fadeIn(1800);
$('.imBgStretcher, .imBgWrap').hide().fadeIn(1000);
$('#imFooterBg').hide().fadeIn(1900);
})
});
$(document).ready(function() {
$("a").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("#imContent, #imContentGraphics, #imFooterBg, .imBgStretcher, .imBgWrap, .im_wrapper div").fadeOut(900, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
$(function() {
var ele = $('#scroll, #imContent');
var speed = 25, scroll = 5, scrolling;
$('#scroll-up').mouseenter(function() {
// Scroll the element up
scrolling = window.setInterval(function() {
ele.scrollTop( ele.scrollTop() - scroll );
}, speed);
});
$('#scroll-down').mouseenter(function() {
// Scroll the element down
scrolling = window.setInterval(function() {
ele.scrollTop( ele.scrollTop() + scroll );
}, speed);
});
$('#scroll-up, #scroll-down').bind({
click: function(e) {
// Prevent the default click action
e.preventDefault();
},
mouseleave: function() {
if (scrolling) {
window.clearInterval(scrolling);
scrolling = false;
}
}
});
});
</script>

Alles anzeigen

zwoemti · 7. Dezember 2014

da ist schon das Scrollen mit drin... man sollte aber wissen was man macht wenn man obiges benutzt. Das ist zugeschnitten auf das Template. Je nach Gestaltung sollte man kleine Änderungen machen.

Zum Scrollen wird ein div erstellt welches um den Seiteninhalt gesetzt wird. Also vor dem ersten nach dem letzen ein div setzen und es positionieren und eine Höhe angeben.

Das wären dann die Pfeile worauf der JS Code reagiert

HTML

<div class="container">
<p>
<img src="img/scroll-up.gif" id="scroll-up" />
<img src="img/scroll-down.gif" id="scroll-down" />
</p>
</div>

seller · 7. Dezember 2014

Hi zwoemti
wo bekomme ich denn das Template?

Seller

zwoemti · 7. Dezember 2014

da ist kein Template...das ist reines weiß.

seller · 7. Dezember 2014

Hi ich meine das Pagescrollbeispiel

zwoemti · 7. Dezember 2014

Den Seitenbereich scollen zu lassen ist hier beschrieben

Homepage Praxis für systemische Therapie und Beratung

gibt auch in der Filebase das passende Projekt dazu
http://unofficialwsx5.de/wsif/…sign-Template-Website-X5/

seller · 9. Dezember 2014

Hallo zwoemti,
gibt s das hier testseiten.unofficialwsx5.de/page-scroll/ zu kaufen?

Gruß
Seller

zwoemti · 9. Dezember 2014

Nein gibs nicht zu kaufen. Das rührt daher da es nicht für kleine Bildschirme bzw Smartphones bzw Tablets gemacht ist. Dort sieht man nur Teilbereiche. Deswegen hab ich auch nie weiter entwickelt. Das war mal ein 9er Projekt. Letztendlich ist es nur Code der verwendet wurde. Ich kann dir da gerne bei behilflich sein. Weiß nur nicht was es am Ende bei dir werden soll. Soll es genauso wie das werden? Die Höhe auch so?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

weg von FLASH

Teilen