[JQuery] SuperSized/ScrollTo Combinatie heel erg laggy

[Iska]

Voor de volgende website gebruik ik zowel ScrollTo 1.4.2 en een div die height/width 100% heeft + img waardoor de background altijd vullend is: http://luova.nl/. Hier is dezelfde pagina maar nu zonder background: http://luova.nl/index2.php. Ik heb al rondgekeken wat de oorzaak hiervan is maar ik kan niks vinden
Heeft er iemand misschien een oplossing voor dit probleem?

Alvast bedankt,
Jasper

Hier de code voor de bg:

HTML:

<img src="images/background.jpg" title="Molen" alt="Molen" id="bg"/>

Cascading Stylesheet:

html, body{
    height:100%;
    width:100%;
    overflow:hidden;
    margin: 0px;
    padding: 0px;
}
img#bg {
    position:fixed;
    width:100%;
    height:100%;
}

[r0b]

Werkt prima hier; C2D 2.4Ghz / 2Gb / OS X. Wel is de delay vrij lang, maar dat heeft niets met laggy van doen.
Kan je hier niet beter jQuery tabs met een effectje gebruiken? Dat lijkt met net wat resource-vriendelijker. Ik kan me namelijk goed voorstellen dat het op een iets mindere pc (heck, mijn andere C2D 1.5Ghz / 2Gb onder Ubuntu heeft er ook last van) wat minder soepel loopt.

http://stilbuero.de/jquery/tabs/#fragment-14 - Tabs met slide & fade effect?

[Iska]

Thx voor je reactie Macintosh

We hebben al naar andere opties gekeken maar het liefst krijgen we deze gewoon vloeiend omdat we dit toch origineler vinden

[ieperlingetje]

Ik geloof dat het browserafhankelijk is: in safari is er geen lag, bekijk ik het in firefox 3.5 dan zijn er inderdaad haperingen (getest in mac osx 10.5)

[r0b]

ieperlingetje schreef op donderdag 10 september 2009 @ 20:29:
Ik geloof dat het browserafhankelijk is: in safari is er geen lag, bekijk ik het in firefox 3.5 dan zijn er inderdaad haperingen (getest in mac osx 10.5)

Zowel Safari als FF 3.5 werken hier anders prima. FF 3.5 op de Ubuntu 1.5Ghz C2D waar ik het net over had heeft eigenlijk meer problemen met het inladen van de huge background die er op staat (1920x1081, wtf?!)

[Zeebonk]

Ik heb de TS een paar keer opnieuw gelezen, maar begrijp eigelijk niet zo goed de vraag.

Omdat er wat word gesproken over een lag en vertragingen, zal ik mijn bevindingen dan maar geven: Chrome op Vista gaat zonder problemen (Q6600 3.1ghz)

[Duroth]

De vraag is wat vaag. Waar heb je hulp mee nodig? Het verminderen van de 'lag'?

Het probleem zal hem waarschijnlijk in de .png zitten, de content bg dus. Heb je al geprobeerd deze te vervangen door een gifje? Lang niet zo mooi natuurlijk (geen opacity), maar wel een mooie manier om het probleem te ontdekken.

Zelf ben ik bang dat je aangewezen bent op alternatieven, zoals Flash. Het lijkt me heel moeilijk om zoiets ook op mindere PC's vloeiend in beeld te krijgen.

Edit: Op mijn PC (Core2Duo 4300 @ 1.8Ghz) heeft Firefox 3.5 weinig problemen met de weergave. IE8 daarentegen is niet vooruit te branden, en ik vrees dat IE7 zelfs nog enkele malen trager zal zijn. Javascript lijkt me daarom niet echt de oplossing hier.

[ Voor 21% gewijzigd door Duroth op 10-09-2009 21:35 ]

[Iska]

Ik vrees dat het inderdaad niet gaat lukken.. Gaan we maar wat anders proberen
Bedankt voor jullie reacties anyway