htmlに画像用のshadowboxを組み込みたいのですが。

質問

htmlに画像用のshadowboxを組み込みたいのですが。

難しいです。まったくうまくいきません。
何をどうしたらいいのかというレベルです・・・

どなたかshadowboxの設置手順を教えてください。

どうやら下記サイトからshadowbox-3.0.3をＤＬしましたが、これだけではうまく動いてくれません。
他にも何か必要なんでしょうか？

http://www.shadowbox-js.com/index.html

回答No.1

fujillin · ベストアンサー

使ったことがないので、ざっと見ただけですが…

standaloneを選択していれば他のものはいらないみたいです。というか、使用しているライブラリに合せて選択できるようになっているみたいですね。
設置方法は「Usege」に記載されているみたいですが、まずはサンプルをそのまま作ってみて、動作することを確認なさるのがよろしいかと。
　http://shadowbox-js.com/usage.html

設置方法を日本語で紹介しているサイト
　http://www.two-hearts.net/2009/05/shadowboxjs-version-30b.html

お礼

色々と試行錯誤でやってみましたが、できるようになりました。
日本語訳のページを参考にしました。
ありがとうございます。

補足

一度これを読んでやってみればわかりますよ。
難しいです。

回答No.3

yyr446

「ShadowBox」は安定・シンプル・軽快・強固 で、それなりの機能を持ってるので、
数あるxxBOX、xxWindow 系のライブラリーの中でも、私は好きです。

ちなみに、いろいろコードを作るのが面倒だという人には、
「HighSlide JS」ってのがあります。

　　http://highslide.com/

このサイトには、HighSlide Editor　なるページがあり、ガイダンスに
そってお好みの表示形式を選んでいき、最終的にそのままあなたのサイトに
設置出きるzipファイルがダウンロード出来るというものです。

　http://highslide.com/editor/

補足

これまた斬新で綺麗ですね。
とても興味が引かれて早速ＤＬしました。
手順も簡単で驚きです。

でも、画像や動画(youtube）のページを一番上の段階層（indexのある位置）へ持ってこようとすると、動きませんね・・・

回答No.2

fujillin

#1です。

＞一度これを読んでやってみればわかりますよ。
とりあえず、簡単なものでやってみました。

1）standaloneをダウンロード・解凍（image対応のみ）
2）ＨＴＭＬ作成（テキストエディタで直接作成）

ほとんど、http://shadowbox-js.com/usage.html　のコピペみたいなものなので、5分もかかりませんでした。
そのままで、動作しましたけど…

Optionがいろいろ用意されているみたいなので、それらを使いこなすのにはそれなりの時間が必要でしょうけれどね。

補足

ごめんなさい。
standaloneとはなんのことでしょうか。

http://shadowbox-js.com/usage.html　にはstandaloneとの記述はありませんでした。

HTMLソースもないので、まったくわかりません。