Вращение на 360° не работает в UIWebView

Question

Я пытаюсь реализовать поворот на 360° для приложения iOS. Моя цель - сделать это на HTML и загрузить его в UIWebView.

Что я пробовал:

Я использовал JQuery Reel Plugin для вращения на 360°.

И мой HTML-код выглядит так:

<script src="JQuery.js" type="text/javascript"></script>
<script src="reel.js" type="text/javascript"></script>

 <img src="images/360_1.jpg" width="480" height="360"
        class="reel"
        data-images="images/360_#.jpg|1..36"
        data-frames="10"
        data-footage="2"
        data-revolution="800">

Результат:

Это работает в Windows (Firefox, Chrome & IE) и в Mac OS (Safari). Но в iOS UIWebView это только отображение исходного изображения, а не вращение.

Код iOS:

В iOS я добавил целые файлы в свой проект и загрузил страницу следующим образом:

NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]];
[self.webview loadRequest:[NSURLRequest requestWithURL:url]];

Также попробовал:

NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
NSString *html = [[NSString alloc] initWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];  
[self.webviewloadHTMLString:html baseURL:[[NSBundle mainBundle] bundleURL]];

Но ничто не решило мою проблему, пожалуйста, помогите мне.

Answer 1

Наконец я исправил проблему, выполнив следующие действия.

1) Добавлена ​​папка, содержащая HTML-файл как "Ссылка", выбрав "Create folder references for any added folders" в XCode,

2) Я использовал следующий код для загрузки HTML, и он работал:

// 360 is the folder which contains the HTML files
NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"360"]];
[self.webview loadRequest:[NSURLRequest requestWithURL:url]];