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で質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
photoshopでウィンドウサイズを...
-
Photoshopで画像解像度が300dpi...
-
フォトショップでA3サイズ実物...
-
写真に枠
-
一番解像度の高い画像を “Googl...
-
【Webサイト】画像が小さく表示...
-
たくさんのjpgファイルをスクロ...
-
PDFの保存ボタンが表示されません
-
画像貼り付け、URLに飛べる軽い...
-
透過背景画像のビットマップ形...
-
半透明なGIFの作成方法
-
GIFアニメを保存すると、白いふ...
-
アイコンの背景を透過させたい
-
Gifのまわりに白い線ができる
-
イラストレータに配置すると透...
-
画像の背景消しのeps保存について
-
複雑(?)な画像の切り替え
-
画質を落とさず切り取って透過...
-
background-sizeの背景で最小値...
-
C言語で白黒の画像表現
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
photoshopで埋め込んだ画像が荒...
-
Photoshopで画像解像度が300dpi...
-
一番解像度の高い画像を “Googl...
-
photoshopで作った画像をillust...
-
aviutlで動画に黒い画像(暗幕...
-
FileMakerに画像を挿入しようと...
-
photoshopでウィンドウサイズを...
-
illustratorで開く画像が何故か...
-
なぜ縦横比が狂って表示される...
-
フォトショップで台形の斜め線...
-
画像をきれいに見せるテクニック
-
画像を2枚ずつ表示できるビューワ
-
GIMP 短形 ミリメートル
-
元の画像のようにきれいに拡大...
-
文字を拡大するとぼやける
-
素材の直リンク
-
72dpiグレースケール画像を細か...
-
IEの、自動画像サイズ縮小機能
-
フォトショップでA3サイズ実物...
-
携帯ホームページで横480の画像...
おすすめ情報