1

まず始めに、私は開発者やコーダーなどを形作ったり形成したりしているわけではありません。友人のウェブサイトを手伝っているグラフィック デザイナーにすぎません。

現在、サムネールをライトボックスのコールアウトの完全な画像にリンクする際に問題が発生しています - www.chrissybulakites.comでサイトを表示できます

私は気づきました

1つ1つにVOID:(0)あるので...私の思考プロセスは、0の親指を0の完全に対応させ、1の親指を1の完全に、2の親指を2の完全に対応させるなどのように対応させるとうまくいく..そうではなかった.

私が正しい道を進んでいるかどうか、またはこれを機能させるために何ができるかを誰かに説明してもらえますか.

ありがとう

ロブ

4

3 に答える 3

1

のように、各完全な画像 div に独自の一意の ID を与える必要がありますid="image23"。次に、対応する ID を参照するように onclick を変更します。onclick="document.getElementById('image23')...

于 2012-09-06T20:12:44.743 に答える
0

JavaScriptでの関数の意味void()は「何もしない」です。これにより、新しいページを読み込む (またはサムネイル画像を開く) ことができなくなります。

onclick = "document.getElementById('light').style.display='block';  
           document.getElementById('fade').style.display='block' "

ユーザーがそのアイテムをクリックすると、要素がキャプチャlightされて表示が に変更されblock、要素もキャプチャされfadeて表示が に変更されblockます。問題は、すべての画像が「ライト」と呼ばれる要素にラップされているため、ブラウザーは (エラーをスローする代わりに) 最初の画像を表示することを選択していることです。

ここには、あいまいなロジックがたくさんあります。
すべての画像（高解像度の画像）をロードしているという事実から始めます。

私の 2 セントが必要な場合 (そして、JavaScript の仕組みを学ぶのではなく、結果だけを取得したい場合) は、prettyPhotoのような、箱から出してすぐに使用できる、簡単で直接的な方法で、十分に文書化されたものを使用します。

ページに prettyPhoto を追加するにはどうすればよいですか?
コードをダウンロードし、Javascript と CSS ファイルの両方をヘッダーに含めます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

次に、このコードをページに配置します

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>

ドキュメントにはページの下部に配置するように書かれていますが、ヘッダーにも配置する必要があります。

そして、実際の画像へのリンクを含むサムネイルを配置します。PrettyPhoto は他のすべてを処理します。注意してくださいrel="prettyPhoto[my_gal]"

<a href="img/full/1.jpg" rel="prettyPhoto[my_gal]" title="Caption 1">
    <img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" />
</a>

さらにカスタマイズすることもできます。ここでマニュアルをよく読んでください。

于 2012-09-06T20:11:47.693 に答える