WinXP+HPビルダーで、簡単なタグやJavaScriptでHPを作っています。
現在、写真を並べているページがあるのですが、すべての写真を800*600と160*120に画像を用意して、表の中に180*120の写真を入れて横に説明を書いて、その写真もしくは説明をクリックすると800*600の画像にLINKしてあり、表示するようにしています。
ただ、その作業が面倒なので、何か良い方法がないのかと思っているのですが、JavaScriptでサムネイルを表示させておけば、同じようなことが出来るらしいという事がわかりました。どのようなScriptを書けば良いのか?お手本になるようなページを紹介していただけないでしょうか?
できることなら、ご自分のページもしくは、ご自分が参考にされて作成してページを紹介していただけると助かるのですが。
No.3ベストアンサー
- 回答日時:
ビルダーのバージョンにもよりますが、「サムネイル」の作成ヘルパーがあるバージョンもあります。
7と8にはあります。2000にはなかったと思います。まず、「表示」で「かんたんナビ」を選びナビメニューを表示し、「デジカメ写真の挿入」をクリックし、「サムネイルの挿入」をクリックします。
画像を選択しますが、そこで画像をクリック後の画像(800*600)を選びます。
「次へ」をクリックすると「サムネイルの大きさと配置」を選ぶ画面になります。ここで、「自分で設定する」にして、[設定]をクリック。
横に配置するサムネイルの数:1
サムネイルの大きさ:160(幅を設定)
リンク先の写真の大きさ:そのままの大きさ
これで[OK]をクリックし「次に」をクリック。
リンク先の設定を画像にするかページにするかを選び、「完了」をクリックします。
これで縦一列のサムネイルの表になります。
この表をクリックして右あるいは左に列を追加して、説明を入力する箇所を作るといいと思います。
サムネイルを自動で作ってくれるので楽です。
その画像が嫌だったら、ファイルを後から変更するといいと思いますが。
御礼が遅くなってすみません。なぜか?gooのHPやgoo関連のポータルサイトが開けなくなりました。
今は、全く別の場所からアクセスしています。
教えていただいた方法を帰って試してみますね。
ありがとうございました。
No.2
- 回答日時:
大きな画像をそのまま貼り付けて縦横のサイズを小さく表示させれば、簡単サムネイルですが、1枚くらいならともかく、副枚数有る場合は、ファイルサイズが小さくなるわけではありませんので、表示に時間がかかり、嫌われることが多いです。
私が使う方法は、Photoshopで画像縮小のアクションを作り、自動処理の機能を使って全ての画像のサムネイル画像を一括処理で作ってしまうことです。
サムネイルは"ファイル名_small.jpg"のように別名で保存すれば、サムネイルを作る前の画像を小さくしてしまうようなことはありません。
数百の画像でもあっというまにサムネイルができあがります。
このアクションは保存が可能ですので、いつでも気軽にサムネイルが作れます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) excelvbaでスライドショーを作りたい 2 2023/04/20 14:32
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- Android(アンドロイド) らくらくスマホF-52Bの取説でワンセグの紹介ページを見てるのですが録画の説明だけが一切書いてありま 2 2023/03/25 22:05
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- Windows 10 win10のゲームバー 使用方法 1 2022/05/22 13:31
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- 写真 写真(画像)編集スキルを質問する時 1 2022/12/07 14:14
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マッチングアプリ風の画像を作...
-
GoLive CS ロールオーバーが自...
-
JW CAD の 挿入した画像への...
-
texの表について(セルの内容の...
-
Dreamweaverで画像の横にあるテ...
-
ムービーメーカー 多数の画像...
-
日本地図の表示
-
画像の保存
-
画像の特徴量を抽出するのに必...
-
HPにサムネイルを表示したい
-
エクセルで、特定の画像へリン...
-
画像にURLを割り当てるには
-
画像の文字はなんと書いてますか?
-
Shade 10 Basicを購入しようと...
-
HO CADの活用について
-
白い被写体に対して白い背景の...
-
既存画像(gif または png)の背...
-
さくらサーバーに置いているホ...
-
ホームページビルダー8のボタ...
-
お勧めのSVGのビューアーを教え...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JW CAD の 挿入した画像への...
-
エクセルで、特定の画像へリン...
-
texの表について(セルの内容の...
-
これはどこの国ですか?
-
マッチングアプリ風の画像を作...
-
HO CADの活用について
-
imageJの使い方
-
ワードプレスで、画像の横に文...
-
画像生成AIで作成したTシャツを...
-
InDesignスプレッドに含まれる...
-
画質の高い画像の検索方法あり...
-
一太郎の文章に貼り付ける画像...
-
バイナリデータからPNG形式の画...
-
作ったjpg画像に「サンプル」と...
-
GIMPで回転について
-
ホームページビルダーの画像の...
-
ぼやけた画像はどこまできれい...
-
ホームページのサムネイル画像...
-
複数の画像を何枚も重ねて3D画...
-
ループする画像の作り方
おすすめ情報