Inhalt erscheint erst nach Scrollen

Guten Tag,
ich stehe vor dem Problem, dass gewisser Inhalt erst lädt, nachdem der Nutzer nach unten scrollt. Ich will das unbedingt loswerden. http://goo.gl/LvJ9GK
Das ist leider vom Theme-Template schon so vorgegeben. Hat jemand eine Idee?

Gruß

Zitat von Monika

du zeigst irr große Bilder via CSS verkleinert an
3.038px × 2.432px ist eines der kleinen Bildchens auf der Startseite groß

der Browser braucht einfach so elends lang bis er die anzeigen kann

optimier die Darstellung der Bilder , dann hast den Effekt nicht

Hier kann man das Theme Template in der Preview testen. Auch hier ist der Effekt. Sind die Bilder hier auch zu groß?
https://wp-themes.com/skt-hotel-lite

Zitat von Tubedesigner

Hier sind zwei Effekte in der Art zu beobachten, zunächst mal werden die Bilder im Slider erst angezeigt, wenn sie vollständig geladen wurden, sofern man nicht vorher nach unten scrollt und dann werden die unterhalb des Sliders angezeigten Inhalte überhaupt erst angezeigt, wenn man nach unten scrollt.

Den ersten Effekt kannst Du beeinflussen, indem Du kleinere/passendere Bilder hochlädst (wie schon geschrieben wurde), den zweiten nur wenn man auf Codeebene eingreift und dafür müsste man sich erst mal das Theme näher anschauen, weil es ein ziemlich unbekanntes ist und das kann u.U. mühselig werden (daher s.u.).

Danke für den Hinweis. Ich werde die Bilder deutlich verkleinern.

Zitat von Tubedesigner

Ja, wechsel das Theme, hier

http://forum.wpde.org/design/157191-…html#post673656

hatte ich mal eine Auswahl von sog. Businessthemes gepostet, die auch für Deine HP bestens passen würden und im Grundlayout fast alle so ähnlich wie Dein aktuelles Theme aufgebaut sind, aber mehrheitlich noch einiges mehr bieten…

Das Theme zu wechseln würde ich als letzte Maßnahme treffen. Ich frage vorher dann am Besten mal bei stackoverflow nach. Dachte hier wären auch Programmierer unterwegs :)
Ich werde die Lösung dann mal hier reinstellen, falls es jemanden mit ähnlichem Problem gibt.

Ok ging schneller als Gedacht. Ein Kommilitone hat mir einen guten Tipp gegeben. In folgender Datei steht der entscheidende Code: /wordpress/wp-content/themes/skt-hotel-lite/js/custom.js

Folgender Teil fügt dem Fenster den Scroll-Listener hinzu und sagt, was beim scrollen passieren soll:
Zeile 57:

jQuery(window).scroll(function() {    
        jQuery('.services-wrap').each(function(){
        var imagePos = jQuery(this).offset().top;




        var topOfWindow = jQuery(window).scrollTop();
            if (imagePos < topOfWindow+400) {
                jQuery(this).addClass("fadeInLeft");
            }
        });
     
     jQuery('#FrontBlogPost .BlogPosts').each(function(){
        var imagePos = jQuery(this).offset().top;




        var topOfWindow = jQuery(window).scrollTop();
            if (imagePos < topOfWindow+400) {
                jQuery(this).addClass("fadeInRight");
            }
        });    
        
        
    });
    
    jQuery(document).ready(function() {
      jQuery('.srchicon').click(function() {
            jQuery('.searchtop').toggle();
            jQuery('.topsocial').toggle();
        });    
});

Den Inhalt der Scroll Funktion kopiert man dann einfach in die

jQuery(document).ready(function() {

Funktion mit rein. Sicherheitshalber am Ende.

Die Scroll Funktion könnte man jetzt komplett rauslöschen. Die Seite verhält sich aber noch genau so tadellos, wenn man sie trotzdem drinnen behält.

Ich hoffe das hilft jemanden.

Gruß

Remonell

Zitat von Tubedesigner

Warum, ist doch bei der Website ruckzuck erledigt, weil das Theme ja überhaupt nicht individuell angepasst/modifiziert wurde.

Leider nicht, da ich schon einiges im Code umgeschrieben habe, da ich manche Sachen erreichen wollte, die das Theme nicht vorgesehen hat und somit dafür keine GUI Möglichkeit bietet diese zu verändern. Wenn ich das Theme wechsel, verliere ich alle Code Änderungen.

Zitat von Tubedesigner

Sind hier ja auch und ich habe nicht für alle anderen hier gesprochen, dennoch, Wechseln geht hier in dem Fall sicher schneller als im Code zu suchen und zu modifizieren, aber vielleicht erbarmt sich ja wer...

Habe das Problem ja schon lösen können. Siehe im Post über deinem letzten.

Zitat von Tubedesigner

Das ist kein Problem, sondern ein gewolltes Feature, evtl. lässt sich das Verhalten in der Pro-Version gar per Menü anpassen, aber ein echtes Problem könnte die derzeitige Buchung noch werden, die geht rechtlich für mind. D. so gar nicht, da sollte ganz dringend nachgebessert werden, wie am Impressum etc. ebenso, aber evtl. ist die Website ja nicht fertiggestellt und das kommt noch...

Naja, es mag ein Feature sein. Aber es wird in dem Moment zu einem Problem, wenn es der Nutzer nicht haben möchte und nicht weg bekommt. Die Webseite ist noch nicht ganz fertig, aber nähert sich so langsam dem Ende. Ich wäre dir dankbar, wenn du mir ein paar Hinweise geben könntest, was rechtlich am Buchungsformular nicht in Ordnung ist. Beim Impressum fehlt meines Wissens nach noch dei USt.-IdNr., E-Mail Adresse und Telefonnummer.