シンプルなモバイル Web サイトに jQuery Mobile を使用しています。写真をスワイプするために SwipeJS を使用します。iPhone では、3 枚の写真すべてが自動的に読み込まれ、スワイプされます。iPad では、最初の写真のみが表示されるため、ギャラリー内の他の写真が読み取られるため、スワイプは行われません。
3 つの写真はすべて、別のページを読み込んでからページに戻った後にのみ読み込まれます。
Javascriptがオンになっています
<div id = "slider">
<ul>
<li style = 'display:block'><a href="../customer/19"><img src="../firstPhoto.jpg", width="80%"></a></li>
<li style = 'display:none'><a href="../customer/20"><img src="../secondPhoto.jpg", width="80%"></li></a>
<li style = 'display:none'><a href="../customer/21"><img src="../secondPhoto.jpg", width="65%"></a></li>
</ul>
</div>