ここから本文です

lightboxplusの使い方について

yjx********さん

2013/4/2519:31:59

lightboxplusの使い方について

lightboxplusを使っています。
使用箇所はindexでなくgalleryなのですが、先日設置して、数枚はうまく作動してくれるのですが、数枚はサムネイルは表示され、loading画面も出るのですが肝心の拡大画像が表示してくれません。
サーバーはFC2でテキストエディダはTeraPadを使用しています。
FFFTPでアップロードしています。

画像はすべて.jpgです。
http://allabout.co.jp/gm/gc/23975/2/ こちらのサイトを参考にしました。
HTMLは、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<link rel="stylesheet" type="text/css" href="./resource/lightbox.css" media="screen,tv">
<script type="text/javascript" charset="UTF-8" src="./resource/spica.js"></script>
<script type="text/javascript" charset="UTF-8" src="./resource/lightbox_plus.js"></script>
<title></title>
<meta name="copyright" content="Template Party" />
<meta name="description" content="ここにサイト説明を入れます" />
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,キーワード4,キーワード5" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/script.js"></script>
</head>

ヘッダーに指定された記述をペーストしています。
Lightbox Plusを適用する指示の記述は下記の通りです(ファイル名などは省略しています)

<a href="1.jpg" rel="lightbox[forest]">
<img src="s.1.jpg" width="126" height="168" alt="">←表示される
</a>
<a href="4.jpg" rel="lightbox[forest]">
<img src="s.4.jpg" width="126" height="168" alt="">←表示される
</a>

<a href="1.jpg" rel="lightbox[forest]">
<img src="s.1.jpg" width="126" height="168" alt="">←表示されない
</a>
<a href="2.jpg" rel="lightbox[forest]">
<img src="s.2.jpg" width="126" height="168" alt="">←表示されない
</a>
<a href="3.jpg" rel="lightbox[forest]">
<img src="s.ria3.jpg" width="126" height="168" alt="">←表示されない
</a>
<a href="4.jpg" rel="lightbox[forest]">
<img src="s.4.jpg" width="126" height="168" alt="">←表示されない
</a>

<a href="1.jpg" rel="lightbox[forest]">
<img src="s.1.jpg" width="126" height="168" alt="">←表示される
</a>
<a href="2.jpg" rel="lightbox[forest]">
<img src="s.2.jpg" width="126" height="168" alt="">←表示される
</a>
<a href="4.jpg" rel="lightbox[forest]">
<img src="s.4.jpg" width="126" height="168" alt="">←表示されない
</a>
<a href="5.jpg" rel="lightbox[forest]">
<img src="s.5.jpg" width="126" height="168" alt="">←表示されない
</a>

すべて同じように設置し、同じように保存してアップロードもしているのに、うまくいっているものと行かないもので分かれてしまうのかだ疑問です。
ディレクトリの階層や構造など、あまり知識はないのですが、うまくいっている画像もあるのでその部分は間違っていないと思うのですが…

なにかアドバイスやご指摘があればご指南下さい。
慣れない作業に、もうお手上げです。

閲覧数:
671
回答数:
1
お礼:
500枚

違反報告

ベストアンサーに選ばれた回答

hei********さん

2013/4/2520:02:51

<a href="1.jpg" rel="lightbox[forest]">
<img src="s.1.jpg" width="126" height="168" alt="">←表示される
</a>
<a href="1.jpg" rel="lightbox[forest]">
<img src="s.1.jpg" width="126" height="168" alt="">←表示されない
</a>

まったく同じですよね、それで表示されないのですか?

>ファイル名などは省略しています
何のために省略されるのか、またその前後も省略されているとしたら、そこが怪しいですね。

この回答は投票によってベストアンサーに選ばれました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる