
http://www.airtightinteractive.com/simpleviewer/
↑のSimpleViewerをサイトで使用したいと思っています。
しかしながら上記のサイトは全て英語で、和訳してみても支離滅裂になってしまいます。
また、『SimpleViewer 使い方』などで検索してみても、専門用語(?)の羅列で、用語を調べつつ使い方を読んではみましたがわかりませんでした。
初心者にもわかるように説明してあるサイト等があれば教えていただけないでしょうか?
また、使い方をわかりやすく教えて下さる方がいたらぜひお願いしたいです。
どうかよろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示

No.2
- 回答日時:
imagePath="" thumbPath=""
この項目に変更を加えていませんか?
今念のため確認してみましたが、何も変更はしていませんでした。
""の間に何も入れない状態でいいのですよね?
SimpleViewerを使用している方のソースと見比べても何ら問題はないように思いました。
gallery.xmlのソース(編集後のものです)↓
<?xml version="1.0" encoding="UTF-8"?>
<simpleviewergallery maxImageWidth="700" maxImageHeight="700" textColor="0xFFFFFF" frameColor="0xFFFFFF" frameWidth="20" stagePadding="40" navPadding="40" thumbnailColumns="3" thumbnailRows="3" navPosition="left" vAlign="center" hAlign="center" title="Otama Illust Gallery" enableRightClickOpen="true" backgroundImagePath="" imagePath="" thumbPath="">
<image>
<filename>ippan.jpg</filename>
<caption>NoTitle</caption>
</image>
</simpleviewergallery>
何がいけないのでしょうか。×マークが表示されているだけで、画像を表示させることができません。
回答いただき、ありがとうございました!

No.1
- 回答日時:
手動でコツコツと設定する方法です
1.あらかじめ表示させたい画像のサイズを決める(初期設定は480×360ピクセルです)
2.縮小専科などのツールを利用してサイズの異なる2種類の画像を作る
thumbs用は画像の短辺を65ピクセルにし、保存先はthumbsフォルダ
表示用は画像の長辺を480ピクセルにし、保存先はimagesフォルダ
3.gallery.xmlファイルをTeraPadなどの文字コードがUTF-8に対応したテキストエディタで開く
4.gallery.xmlの2行目、全体設定を確認・修正する
maxImageWidth="480" maxImageHeight="480" 画像表示の最大サイズ
thumbnailColumns="3" thumbnailRows="3" thumbs画像表示の行数と列数
navPosition="left" ナビゲーションの位置 左(left)に置くか、右(right)に置くか
title="SimpleViewer Gallery" アルバムタイトル
5.表示する画像とキャプションを指定する
<image>
<filename>ファイル名.jpg</filename>
<caption>画像の説明</caption>
</image>
このセットを表示枚数分コツコツを記入する
文字コードUTF-8Nで保存する
6.index.htmlファイルを開くと登録した画像が見えるはずです
この回答への補足
いただいた手順通りやってみました。
gallery.xmlをテキストエディタで編集し、確認してみたところ
画像が表示されず×マークが表示されていました。
表示したい画像と、その画像と同じファイル名のサムネイル画像もきちんとSimpleViewer内の各フォルダに入れてあります。
原因がまったくわからず、非常に悩んでおります。
わかる方いらっしゃいましたらよろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 英語 「羊たちの沈黙」を原書で読んだ方、もしくは英語に堪能な方に質問します 3 2022/06/02 00:04
- C言語・C++・C# C言語初心者 構造体 課題について 2 2023/03/10 19:48
- 文学・小説 「羊たちの沈黙」を読んだことがある方に質問です 6 2022/06/02 00:10
- ガーデニング・家庭菜園 花材 収納 ディスプレイ用品 花材用の収納用品探しています。 おそらく花材用、お花屋さん等で使うもの 1 2022/11/30 08:06
- 英語 総称的意味の「the+過去分詞」が無冠詞複数形で置き換えることができない理由について 5 2022/08/04 10:14
- 英語 英語の音読教材について教えてください 社会人のやり直し英語で、単語、文法、読解、英作文は一通り学習し 2 2023/08/04 19:38
- 大学・短大 日本語で論文・レポートを書く際に英語の文献から引用する方法を教えてください。できればそれが説明されて 2 2022/07/29 08:15
- その他(プログラミング・Web制作) ロボットの作り方を教えて下さい! なにも知らない素人です。 全て自作する場合、どうすればよいでしょう 6 2022/12/18 01:25
- 歴史学 米国における女性の歴史についての記事があるサイト 2 2023/02/21 14:02
- インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・「これはヤバかったな」という遅刻エピソード
- ・初めて自分の家と他人の家が違う、と意識した時
- ・いちばん失敗した人決定戦
- ・思い出すきっかけは 音楽?におい?景色?
- ・あなたなりのストレス発散方法を教えてください!
- ・もし10億円当たったら何に使いますか?
- ・何回やってもうまくいかないことは?
- ・今年はじめたいことは?
- ・あなたの人生で一番ピンチに陥った瞬間は?
- ・初めて見た映画を教えてください!
- ・今の日本に期待することはなんですか?
- ・集中するためにやっていること
- ・テレビやラジオに出たことがある人、いますか?
- ・【お題】斜め上を行くスキー場にありがちなこと
- ・人生でいちばんスベッた瞬間
- ・コーピングについて教えてください
- ・あなたの「プチ贅沢」はなんですか?
- ・コンビニでおにぎりを買うときのスタメンはどの具?
- ・おすすめの美術館・博物館、教えてください!
- ・【お題】大変な警告
- ・洋服何着持ってますか?
- ・みんなの【マイ・ベスト積読2024】を教えてください。
- ・「これいらなくない?」という慣習、教えてください
- ・今から楽しみな予定はありますか?
- ・AIツールの活用方法を教えて
- ・最強の防寒、あったか術を教えてください!
- ・歳とったな〜〜と思ったことは?
- ・モテ期を経験した方いらっしゃいますか?
- ・好きな人を振り向かせるためにしたこと
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
photoshopで埋め込んだ画像が荒...
-
photoshopで作った画像をillust...
-
Photoshopで画像解像度が300dpi...
-
Gimp→Illustratorでサイズが変わる
-
FileMakerに画像を挿入しようと...
-
GIMP 短形 ミリメートル
-
72dpiグレースケール画像を細か...
-
一番解像度の高い画像を “Googl...
-
photoshopでウィンドウサイズを...
-
iMacのデスクトップ画面を変更...
-
画像を2枚ずつ表示できるビューワ
-
aviutlで動画に黒い画像(暗幕...
-
フォトショップを使って夜空に...
-
文字を拡大するとぼやける
-
PDFの保存ボタンが表示されません
-
イラストレータに配置すると透...
-
ロゴマークだけを抜き取って貼...
-
【Webサイト】画像が小さく表示...
-
アイコンの背景を透過させたい
-
BMPファイルを透過する
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
photoshopで埋め込んだ画像が荒...
-
Photoshopで画像解像度が300dpi...
-
一番解像度の高い画像を “Googl...
-
photoshopで作った画像をillust...
-
photoshopでウィンドウサイズを...
-
aviutlで動画に黒い画像(暗幕...
-
なぜ縦横比が狂って表示される...
-
画像を2枚ずつ表示できるビューワ
-
FileMakerに画像を挿入しようと...
-
アスペクトを変えない画像処理
-
illustratorで開く画像が何故か...
-
フォトショップで台形の斜め線...
-
文字を拡大するとぼやける
-
Gimp→Illustratorでサイズが変わる
-
イラストレーター(イラレ)で...
-
VIXのカタログ表示につちて
-
Adobe Premiere に取り込んだ画...
-
iMacのデスクトップ画面を変更...
-
ニコニコ生放送で使う画像の解...
-
背景に設定した画像のサイズを...
おすすめ情報