ローカルの画像ファイルを見るときにWindowsの通常のビュワーは使いづらくて作ってみました
一枚ずつ表示してページをめくるタイプより画像まとめサイトのような上から並んでいてスクロールさせていくタイプの方が好きなのでスクロールするデザインです
一枚ずつ表示してページをめくるタイプより画像まとめサイトのような上から並んでいてスクロールさせていくタイプの方が好きなのでスクロールするデザインです
まず、これはローカル用なので次のページをローカルに保存してください
めんどうですがオンライン上のファイルからローカルのファイルは開けないんです
右クリックのリンク先を保存から
リンク先をダウンロード
使い方
とりあえずサンプルがありますが動きません
下の方は
sample01 のところを上のlistの名前と同じに、サンプル01 のところに表示する名前を書きます
サンプルの説明
01
pictureフォルダの中に
001 pic.jpg
002 pic.jpg
:
:
034 pic.jpg
という構成で画像ファイルがある場合
02
comicsフォルダの中に
IMG_01.jpg
IMG_02.jpg
:
:
IMG_39.jpg
という構成で画像ファイルがある場合
03
photosフォルダの中に
photos-0001.jpg
photos-0002.jpg
:
:
photos-0026.jpg
という構成で画像ファイルがある場合
ネット上のものならダウンロードしなくてもみれます
ただ、綺麗に「ヘッダー文字+連番+フッター文字」の名前で統一された拡張子を使っている限られたところだけになります
その場合consoleに
update({s:1,e:128,z:"0000",h:"",f:"",ex:"jpg",p:"http://~"});
という感じで打てばOKです
もちろん各プロパティは適宜変更する必要があります
めんどうな指定が要る上に連番のみで拡張子固定と色々不便な気はしますが
うまくフォルダ分けされていればそれほどでもない…はず…
めんどうですがオンライン上のファイルからローカルのファイルは開けないんです
右クリックのリンク先を保存から
リンク先をダウンロード
使い方
とりあえずサンプルがありますが動きません
list = {sample01 : {s:1,e:34,z:"000",h:"",f:" pic",ex:"jpg",p:"picture"},sample02 : {s:1,e:39,z:"00",h:"IMG_",f:"",ex:"jpg",p:"comics"},sample03 : {s:1,e:26,z:"0000",h:"photos-",f:"",ex:"jpg",p:"photos"}}
<div id="menu"><div class="list" onclick="update('sample01');">サンプル01</div><div class="list" onclick="update('sample02');">サンプル02</div><div class="list" onclick="update('sample03');">サンプル03</div></div>
この2箇所を書き換えます
サンプルを参考に
上のlistの方に
名前 : {s:連番の最初,e:連番の最後,z:"ゼロ埋めの桁数",h:"ヘッダー文字",f:"フッター文字",ex:"拡張子",p:"ファイルがあるフォルダのパス"}
という風に書きますサンプルを参考に
上のlistの方に
名前 : {s:連番の最初,e:連番の最後,z:"ゼロ埋めの桁数",h:"ヘッダー文字",f:"フッター文字",ex:"拡張子",p:"ファイルがあるフォルダのパス"}
下の方は
sample01 のところを上のlistの名前と同じに、サンプル01 のところに表示する名前を書きます
サンプルの説明
01
pictureフォルダの中に
001 pic.jpg
002 pic.jpg
:
:
034 pic.jpg
という構成で画像ファイルがある場合
02
comicsフォルダの中に
IMG_01.jpg
IMG_02.jpg
:
:
IMG_39.jpg
という構成で画像ファイルがある場合
03
photosフォルダの中に
photos-0001.jpg
photos-0002.jpg
:
:
photos-0026.jpg
という構成で画像ファイルがある場合
ネット上のものならダウンロードしなくてもみれます
ただ、綺麗に「ヘッダー文字+連番+フッター文字」の名前で統一された拡張子を使っている限られたところだけになります
その場合consoleに
update({s:1,e:128,z:"0000",h:"",f:"",ex:"jpg",p:"http://~"});
という感じで打てばOKです
もちろん各プロパティは適宜変更する必要があります
めんどうな指定が要る上に連番のみで拡張子固定と色々不便な気はしますが
うまくフォルダ分けされていればそれほどでもない…はず…
コメントする