ProgressiveImageSequence, jquery Jpeg image sequence scrub & scroll breaks chrome
PROBLEM: ProgressiveImageSequence Breaks in chrome but not other browsers
BACKGROUND: I am building an interactive web page that takes a jpg sequence and plays through it as the user scroll up or down the page. the page that inspired this and that I am using to base my code off of is http://360langstrasse.srf.ch/page/. using 360lang's beautifully built ProgressiveImageSequence Created by Hinderling Volkart AG. There is a turtorial that goes over the basics of it, Though the demos they give dont respond to touch screens and if the jpg sequence is large enough will begin to break in browsers, specially chrome. Another site that does this feature nice is http://tour.kathart.dk/
The link to my webpage is http://blackbirdstudio5.com/videoscroll2/
DETAILS: I have gotten the page to work on touch screens and all browsers except for CHROME. (I believe it works on IE but my testing has been limited). If you open my webpage the page will work for a bit and then about half way down will crash and I will get the "AWW SNAP" message from chrome. If you scroll SLOWLY down the page, you will see this happen.(emphasize slowly because it seems to break faster when you scroll slow)(Also the text boxes will stick in firefox if used enough but I believe that because they overlap. But if not I would love to know the answer)
HELP: Can someone please help me fix this page so it works in Chrome.
- (not important: I would also like to have a loading overlay page till
10% of the image sequence is loaded)
- (not important: Fire fox seems to freeze some of the text divs. i
believe its because they overlap but if its because another reason it
would be great to know)
I am mediocre at best with jquery so please act like im a newbie and explain your answers.
NOTES:
- If I take out all text the page will last longer but will still
- break If I take out all text and replace it with images the page will
last longer but still break
- In reaserching people said chrome has an issue with cache-ing ajax
requests
- there is allot of code here that I know I dont need but every time i
try to take it away it breaks my sequence. I would love to have the
jquery bare bones.
BACKGROUND: I am building an interactive web page that takes a jpg sequence and plays through it as the user scroll up or down the page. the page that inspired this and that I am using to base my code off of is http://360langstrasse.srf.ch/page/. using 360lang's beautifully built ProgressiveImageSequence Created by Hinderling Volkart AG. There is a turtorial that goes over the basics of it, Though the demos they give dont respond to touch screens and if the jpg sequence is large enough will begin to break in browsers, specially chrome. Another site that does this feature nice is http://tour.kathart.dk/
The link to my webpage is http://blackbirdstudio5.com/videoscroll2/
DETAILS: I have gotten the page to work on touch screens and all browsers except for CHROME. (I believe it works on IE but my testing has been limited). If you open my webpage the page will work for a bit and then about half way down will crash and I will get the "AWW SNAP" message from chrome. If you scroll SLOWLY down the page, you will see this happen.(emphasize slowly because it seems to break faster when you scroll slow)(Also the text boxes will stick in firefox if used enough but I believe that because they overlap. But if not I would love to know the answer)
HELP: Can someone please help me fix this page so it works in Chrome.
- (not important: I would also like to have a loading overlay page till
10% of the image sequence is loaded)
- (not important: Fire fox seems to freeze some of the text divs. i
believe its because they overlap but if its because another reason it
would be great to know)
I am mediocre at best with jquery so please act like im a newbie and explain your answers.
NOTES:
- If I take out all text the page will last longer but will still
- break If I take out all text and replace it with images the page will
last longer but still break
- In reaserching people said chrome has an issue with cache-ing ajax
requests
- there is allot of code here that I know I dont need but every time i
try to take it away it breaks my sequence. I would love to have the
jquery bare bones.
Topic Participants
web.elmquist
jakecigar