こんにちは、私は家にいないので、実際にはコードを提供できないので、問題を説明しようと思います。私のiOSアプリケーションでは、フォトスワイプを使用して画像ギャラリーを実装しようとしています。これは、 uitableviewで選択されたレストランに応じて、異なる画像を表示します。これをテストするために、必要なすべてのhtml、javascript、cssファイルをメインバンドルにインポートしてから、index.htmlファイルをuiwebviewにロードしました。現在、index.htmlファイルには次のようないくつかのテスト画像への静的URLリンクが含まれているため、ギャラリーには選択したすべてのレストランで同じ画像が表示されています。
<!DOCTYPE html>
<html>
<head>
<title>PhotoSwipe</title>
<meta name="author" content="Ste Brennan - Code Computerlove -http://www.codecomputerlove.com/" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="styles.css" type="text/css" rel="stylesheet" />
<link href="../photoswipe.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../lib/klass.min.js"></script>
<script type="text/javascript" src="../code.photoswipe-3.0.5.min.js"></script>
<script type="text/javascript">
(function(window, PhotoSwipe){
document.addEventListener('DOMContentLoaded', function(){
var
options = {},
instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
}, false);
}(window, window.Code.PhotoSwipe));
</script>
</head>
<body>
<div id="MainContent">
<ul id="Gallery" class="gallery">
<!-- ---------------------------LOOK HERE------------ -->
<li><a href="TEST IMAGE 1 URL"><img src="THUMBNAIL TEST IMAGE 1 URL" alt="Image 001" /></a></li>
<li><a href="TEST IMAGE 2 URL"><img src="THUMBNAIL TEST IMAGE 2 URL" alt="Image 002" /></a></li>
</ul>
</div>
</body>
</html>
選択した相対的なレストランへのリンクを含むこのローカルhtmlファイルにnsstringを挿入する方法はありますか?
を使用して、IDが「Gallery」stringByEvaluatingJavaScriptFromString
のhtmlコンテンツを上書きしようとしましたが、これにより、画像をサムネイルグリッドに出力するプロセスが遅くなります。<ul>
ローカルのindex.htmlファイルをその場で編集する方法はありますか?