IVRI(Image Viewer Running In a web browser)

  • IVRI(Image Viewer Running In a web browser) [CookRobidence]
{{ swiper.realIndex + 1 }} / {{ items.length }}
IVRI(Image Viewer Running In a web browser) [CookRobidence]
서클명 CookRobidence
판매일 2021년 04월 17일
저자 CookRobidence
연령 지정
전연령
작품 형식
파일 형식
기타 형식
/ PHPソースコード
대응 언어
일본어
파일 용량
193.31KB

작품 내용

動作環境

下記環境がインストールされたパソコンで動作します。
・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ファイルとなります。画像一覧のスライド処理をする上で使用します。

アプリケーション使用方法

1.閲覧したいファイルをimgフォルダに格納する。
2.Webブラウザでivri.phpにアクセスする。(PC、SPどちらのデバイスでも可)

対応画像

  • jpg
  • png

画面部品説明(画像はSPですが、PCでも同様の内容が見れます。)

  • IVRI(Image Viewer Running In a web browser) [CookRobidence]

    画面全体のキャプチャーです。
    上から部品を説明していきます。

  • IVRI(Image Viewer Running In a web browser) [CookRobidence]

    [現在メイン画像に表示されている画像番号] / [imgフォルダに格納されている画像数]となります。

  • IVRI(Image Viewer Running In a web browser) [CookRobidence]

    画像サムネイルです。
    スライダーで動いております。
    表示順はファイル名順となります。

  • IVRI(Image Viewer Running In a web browser) [CookRobidence]

    選択された画像は画面下のメイン部に表示されます。
    左クリック(タップ)で次の画像に切り替え、右クリック(ロングタップ)で前の画像に切り替わります。

서클작품 일람

작품을 더보기

판매 작품

이 작품을 구입한 분은 이쪽 작품도 구입하고 있습니다

최근 체크한 작품

개최 중인 기획・캠페인