seiten "hüpfen" beim abrufen

14.02.2019 17:30
avatar  hiri
#1
hi

Hi - habe das heute schon mal gepostet - allerdings im falschen forum glaube ich - daher hier nochals
wie kann ich verhindern, dass seiten beim aufrufen immer "hüpfen" - würde gerne smoothe transitions machen, und elemente (texte, slideshows etc) einblenden lassen, oder reinscrollen (hoffe ich habe mich verständlich ausgedrückt)
solche dinge gehen bei anderen homepagebaukasten-anbietern ziemlich einfach, auch dolphin hat das - ich möchte aber bei jimdo creator bleiben - gibt es da ein script?
ich verwende das design Tokio und habe viele bilder (portfolio)

danke im voraus für antworten


 Antworten

 Beitrag melden
15.02.2019 08:33
avatar  hiri
#2
hi

hat sonst denn niemand dieses problem?


 Antworten

 Beitrag melden
15.02.2019 09:10 (zuletzt bearbeitet: 15.02.2019 09:12)
avatar  az_
#3
avatar
az_

Hallo @hiri,

...das mit dem Hüpfen kann ich nicht nachvollziehen ohne Deine URL. poste sie, dann schau ich mal.

Zu dem anderen: da gibt es schon ein Skript für, ist allerdings nicht ganz trivial. Zuerst brauchst Du eines, das einen Event auslöst, wenn der Bereich in den Viewport scrollt. Und dann brauchst Du ein CSS, das festlegt, was dann geschehen soll.

Funktionieren tut das, sh.: https://redesign-designtest-rome.jimdofree.com/glamslider/

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
15.02.2019 09:17
avatar  hiri
#4
hi

hier ist der link zur seite an der ich gerade herumbaue - ist under construction
https://test-neu-mai.jimdofree.com/


 Antworten

 Beitrag melden
15.02.2019 09:33
avatar  hiri
#5
hi

danke
der glamslider sieht natürlich sehr gut aus - - leider kann ich da nix rauslesen ---- ich kann basic css, scripten kann ich nicht (nur einfügen :))
dieses "hüpfen" geht aber nicht, macht die site unprofessionell, und das kann ich mir beruflich nicht leisten .. du verstehst wahrscheinlich was ich meine ....
bin mir aber sicher, dass es da irgendeine lösung gibt - und ich denke mir auch, ich kann ja nicht die einzige sein, die dieses problem hat


 Antworten

 Beitrag melden
17.02.2019 18:41
avatar  az_
#6
avatar
az_

...was genau meinst Du mit "hüpfen"?
Vielleicht, dass die Hintergründe so langsam laden? Das könnetst Du verbessern, indem Du die Bild-Dateien vor dem Bereitstellen fürs Web optimierst: https://tinyjpg.com/

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
17.02.2019 18:52
avatar  hiri
#7
hi

danke, ich weiss, dass viele bilder optimiert werden müssen, aber das "hüpfen" war von anfang an da.
Ich möchte die seiten ein bissl einblenden lassen - gibt es da nix?
ich kenn mich nicht so aus aber irgendwas mit preloaden oder ease-in funktionen?
sorry for my bad website-describing-effort-language


 Antworten

 Beitrag melden
18.02.2019 11:28 (zuletzt bearbeitet: 18.02.2019 13:47)
avatar  az_
#8
avatar
az_

Hallo @hiri,

...versuch mal folgendes:

https://expanding.jimdo.com/2016/09/26/a...-jimdo-website/

Der Artikel ist alledings nicht ganz aktuell. Wichtig: Ersetze alle http:// durch https://

LG, az

PS: ...auf https://bp-fotodesign.jimdo.com/ hab ich das eingesetzt. kleine Modifikation:

CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
/*loader
---------------------------*/
 
.body {
visibility: hidden;
/*visibility: visible;*/
}
 
.no-js #loader {
display: none;
}
 
.js #loader {
display: block;
position: absolute;
left: 100px;
top: 0;
}
 
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
z-index: 999999;
background: url(https://bp-fotodesign.jimdo.com/app/download/15359165824/spinner.gif?t=1550485023) center no-repeat #fff;
}
 




JS:

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
//<![CDATA[
 
//loader
$(window).load(function() {
$(".se-pre-con").fadeOut("slow");
$('.body').css('visibility', ('visible'))
});

//]]>
</script>
 


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
26.02.2019 19:47
avatar  hiri
#9
hi

hi az
sorry sorry sorry für die späte antwort - hatte anderes zu tun (mußte zwischendurch eine kunden-jimdo-seite machen und raufe da noch dazu mit google herum ... seiten werden nicht indiziert und so weiter .... die rankings raufbringen etc)
also - back to the subject matter:
https://bp-fotodesign.jimdo.com/ schaut sehr gut aus - so in etwa stelle ich mir das vor - danke
werde es aber erst in nächster zeit mal versuchen können - melde mich dann ob es geklappt hat
danke


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!