0

私は初めてprettyphotoを使用しています。とても素敵なツールです。もっと多くの人がこの問題を抱えているかどうか知りたいです。それは重要ではありませんが、私はそれらを理解していないので、私は物事をしないのが嫌いです。これはコードです：

<div class="single_left">
    <a href="_img/examples/image-1.jpg" rel="prettyPhoto[gal1]" title="it works"><img src="_img/examples/thumb-1_50.jpg" alt="WHATEVER INFO" /></a>
</div>

それは完璧に動作します。しかし、私には疑問があります。すべてのコードを見ると、非常に単純であることがわかります。<a>中にはaがあり、中には<img>サムネイルとして機能するthatsがあるdivです。いずれの場合も<img>、alt=""属性を追加する必要があります。このアトリビューションの考え方は、誰かがインターネットの速度が遅い場合、または画像の読み込みに失敗した場合、小さな説明がテキスト形式で表示され、これがalt=""のコンテンツになるというものです。この場合、「WHATEVERINFO」（上記のコードを確認してください）。したがって、画像が表示されている場合、この代替テキストは表示されません。

わかりました...クリア

問題は、prettyphotoの場合、クリックして画像をズームすると、prettyphotoのフレームの上にalt=""テキストが表示されることです。したがって、この場合、WHATEVERINFOが表示されます。これはその目的ではなく、もちろん設計計画を破ります。

なぜこれが起こるのか誰かが知っていますか？

これを解決して代替テキストを入れる方法はありますか？

4

2 に答える 2

1

このリンクに従って、この CSS コードを追加してcss/custom.css、必要なことを行います。

div.ppt, .pp_description {
    display: none !important;
}
于 2012-09-07T01:13:48.033 に答える
0

私の質問に対する答えは次のとおりです。

div.ppt {
    display: none !important;
}

これにより、alt 値が表示されなくなります。

私が知らないのは、altがそのように機能するかどうか、画像が読み込まれていないかどうかです.少なくとも、あなたはそれを取り出す方法を知っています.

ごきげんよう!!

于 2012-09-08T22:10:44.627 に答える