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]
Nhóm Tên CookRobidence
Ngày phát hành 17/04/2021
Tác giả CookRobidence
Độ tuổi chỉ định
Tất cả độ tuổi
Định dạng tác phẩm
Định dạng tệp tin
Những định dạng khác
/ PHPソースコード
Ngôn ngữ được hỗ trợ
Tiếng Nhật
Dung lượng tệp
193,31KB

Nội dung tác phẩm

動作環境

下記環境がインストールされたパソコンで動作します。
・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]

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

NhómDanh sách các tác phẩm

Xem thêm tác phẩm

Tác phẩm đang được bán

Những người đã mua sản phẩm này cũng đã mua

Các tác phẩm đã tìm gần đây

Các kế hoạch và chiến dịch đang được tổ chức