Hi Tommy,
thanks for your fast reply.
My source-code is based on the carousel-example and differs not much from it.
Lets see what we have 
- Index.js
Code:
var carousel1;
Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,
layout: 'card',
indicator: false,
onReady: function() {
// Create a Carousel of Items
carousel1 = new Ext.Carousel({
defaults: { cls: 'cardtest' },
// Adding the first 5 items for precaching
items: [{
id: 'card-0',
html: '<img width="768px" height="939px" id="0" src="http://84.201.68.228:8080/fsi/server?type=image&source=onlinekat%2Fonlinekat_mm%2Ffsi-test%2FHeine%2F0003.jpg&width=768&height=939" />'
},{
id: 'card-1',
html: '<img width="768px" height="939px" id="1" src="http://84.201.68.228:8080/fsi/server?type=image&source=onlinekat%2Fonlinekat_mm%2Ffsi-test%2FHeine%2F0004.jpg&width=768&height=939" />'
},{
id: 'card-2',
html: '<img width="768px" height="939px" id="2" src="http://84.201.68.228:8080/fsi/server?type=image&source=onlinekat%2Fonlinekat_mm%2Ffsi-test%2FHeine%2F0005.jpg&width=768&height=939" />'
},{
id: 'card-3',
html: '<img width="768px" height="939px" id="3" src="http://84.201.68.228:8080/fsi/server?type=image&source=onlinekat%2Fonlinekat_mm%2Ffsi-test%2FHeine%2F0006.jpg&width=768&height=939" />'
},{
id: 'card-4',
html: '<img width="768px" height="939px" id="4" src="http://84.201.68.228:8080/fsi/server?type=image&source=onlinekat%2Fonlinekat_mm%2Ffsi-test%2FHeine%2F0007.jpg&width=768&height=939" />'
}]
});
new Ext.Panel({
fullscreen: true,
layout: {
type: 'vbox',
align: 'stretch'
},
defaults: {
flex: 1
},
items: [carousel1]
});
}
});
So the only thing i have done here is to add 5 items with html-img tags.
- ext-touch-debug.js
Code:
// URL index
// i have to start with this index, because the url-index on the server starts with a 3, don't ask me why ...
var urlIndex = 8;
var idCounter = 5;
function setNext() {
stringToUrl = "http://84.201.68.228:8080/fsi/server?type=image&source=onlinekat%2Fonlinekat_mm%2Ffsi-test%2FHeine%2F";
if(urlIndex <= 9) {
stringToUrl = stringToUrl + "000";
stringToUrl = stringToUrl + urlIndex;
}
else if (urlIndex > 9 && urlIndex <= 99) {
stringToUrl = stringToUrl + "00";
stringToUrl = stringToUrl + urlIndex;
}
else if (urlIndex > 99 && urlIndex <= 999) {
stringToUrl = stringToUrl + "0";
stringToUrl = stringToUrl + urlIndex;
}
stringToUrl = stringToUrl + ".jpg&width=768&height=939";
var tempHtml = "<img width='768px' height='939px' id='";
tempHtml = tempHtml + idCounter;
tempHtml = tempHtml + "' />";
carousel1.add({html: tempHtml});
carousel1.doLayout();
tempImage = new Image();
tempImage.src = stringToUrl;
document.getElementById(idCounter).src = tempImage.src;
tempImage = null;
urlIndex++;
idCounter++;
}
The setNext() function is called here:
Code:
...
onScrollEnd: function(scroller) {
var activeX = this.activeItemX,
deltaX = scroller.offset.x - activeX,
width = this.el.getWidth();
if (deltaX < 0 && Math.abs(deltaX) > width / 2) {
this.next();
setNext();
}
else if (deltaX > 0 && Math.abs(deltaX) > width / 2) {
this.previous();
}
...
nothing else is changed in this file.
Index.html is without any changes.
I know this code isn't realy cleaned up, i have to add some 'if's' and 'else' more to clean it a little, but this is my way to code, first the basic function and after that the cosmetic-stuff
.
When i run this code on my mac in the safari everything works like it should. Only on the iPad after maybe 25 items added safari crashes.
Adding that numbers of items directly in the index.js and not on the fly results in the same, safari starts and after 1 second crashed.
Kind regards
flixmeplease