Hi Mike,
I am developing an iPad web app and using Cycle for a couple of slideshows and have run into the same problem like Jared at the top. Here is the layout of the app: the homepage sports a six-slides slideshow (the images have ~1MB, in total) and a bar with a menu button. This is the code that calls Cycle for the homepage slideshow:
- $('#slider').cycle({ fx: 'fade', timeout: 4000, speed: 1500, width: '1024px', height: '1024px', fit: true });
When you tap the About page link, the About page is loaded in with AJAX and it replaces the homepage. The slideshow on the About page has twelve slides and the images weigh in at about 1.3MB. Here is the code that starts the About slideshow right after it is loaded:
$('#aboutShow').cycle({ fx: 'fade', timeout: 4000, speed: 1500, width: '1024px', height: '1024px', fit: true, after: function() { $('#captions').html(this.alt); } });
Now, Safari generally crashes on the sixth or seventh slide. I have tried disabling the homepage slideshow and then the About slideshow crashes Safari on the tenth or eleventh slide.
The images are all 1024x1024 pixels and I have made them 50x50 in HTML, like it was suggested (I have done this for both slideshows) but it hasn't helped.
Do you have any idea how I might get around this problem?
P.S. I am using the 2.88 lite version of Cycle if that's of any significance. (Note that I have also tried with the full version – jquery.cycle.all.min.js – and still the app crashed.)