動作環境
下記環境がインストールされたパソコンで動作します。
・Apache
・PHP
※こちらの環境を整える自信がない方は購入しないことをおすすめいたします。
xamppでセットアップすることをおすすめいたします。
・Apache
・PHP
※こちらの環境を整える自信がない方は購入しないことをおすすめいたします。
xamppでセットアップすることをおすすめいたします。
ファイル説明
・ivri.php
IVRI本体ファイルです。
・imgフォルダ
閲覧したい画像ファイルを格納するフォルダとなります。
・css\style.css
・css\swiper.css
cssスタイルシートです。
・js\jquery-1.8.1.min.js
jqueryのスクリプトファイルです。主にクリック時の処理をする上で使用します。
・js\swipe.js
・js\swiper.js
・js\swiper.js.map
swiperのjsファイルとなります。画像一覧のスライド処理をする上で使用します。
IVRI本体ファイルです。
・imgフォルダ
閲覧したい画像ファイルを格納するフォルダとなります。
・css\style.css
・css\swiper.css
cssスタイルシートです。
・js\jquery-1.8.1.min.js
jqueryのスクリプトファイルです。主にクリック時の処理をする上で使用します。
・js\swipe.js
・js\swiper.js
・js\swiper.js.map
swiperのjsファイルとなります。画像一覧のスライド処理をする上で使用します。
アプリケーション使用方法
1.閲覧したいファイルをimgフォルダに格納する。
2.Webブラウザでivri.phpにアクセスする。(PC、SPどちらのデバイスでも可)
2.Webブラウザでivri.phpにアクセスする。(PC、SPどちらのデバイスでも可)
対応画像
- jpg
- png
画面部品説明(画像はSPですが、PCでも同様の内容が見れます。)
- 画面全体のキャプチャーです。
上から部品を説明していきます。 - [現在メイン画像に表示されている画像番号] / [imgフォルダに格納されている画像数]となります。
- 画像サムネイルです。
スライダーで動いております。
表示順はファイル名順となります。 - 選択された画像は画面下のメイン部に表示されます。
左クリック(タップ)で次の画像に切り替え、右クリック(ロングタップ)で前の画像に切り替わります。



![IVRI(Image Viewer Running In a web browser) [CookRobidence] IVRI(Image Viewer Running In a web browser) [CookRobidence]](http://img.dlsite.jp/modpub/images2/parts/RJ325000/RJ324068/91f436605a07720527058a483de169c8.jpg)
![IVRI(Image Viewer Running In a web browser) [CookRobidence] IVRI(Image Viewer Running In a web browser) [CookRobidence]](http://img.dlsite.jp/modpub/images2/parts/RJ325000/RJ324068/cca67e4cad3da09eb3e768387fccb9be.jpg)
![IVRI(Image Viewer Running In a web browser) [CookRobidence] IVRI(Image Viewer Running In a web browser) [CookRobidence]](http://img.dlsite.jp/modpub/images2/parts/RJ325000/RJ324068/dae6e38f611491f6f49460a1dcaf174a.jpg)
![IVRI(Image Viewer Running In a web browser) [CookRobidence] IVRI(Image Viewer Running In a web browser) [CookRobidence]](http://img.dlsite.jp/modpub/images2/parts/RJ325000/RJ324068/59b5e45dd3c53041df55da78a5d06b72.jpg)