問題タブ [captions]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
6004 参照

jquery - Jquery - ホバー時に別の div に画像の ALT タグを表示する

設定した画像のギャラリーがあり、ユーザーがその上にカーソルを置いたときに、タイトルを別の div に表示したくありません。以下のコードを試してみましたが、役に立ちませんでした。私はjqueryが得意ではないので、誰かが私を修正してもらえますか?

ディビジョン

galleryimages - (ホバーされる) サムネイルが保持される場所

gallerydescription - 画像のタイトル タグが表示される場所。

マウスアウトでも記述DIVをクリアしていただきたいです。

ありがとう

0 投票する
1 に答える
662 参照

javascript - ライトボックス内の画像のキャプション/注釈

ある種のライトボックススクリプトを使用して開いた画像にFacebookのようなキャプションを追加する可能性を追加するJSスクリプトはありますか?

例: 家族の写真が入った小さな画像のサムネイルがあります。その写真をクリックします。ライトボックスのポップアップが私の写真の元のサイズで表示され、家族の誰かにマウスを合わせると、Facebookのようなキャプションが彼/彼女の名前で表示されます。

どうもありがとう!

0 投票する
4 に答える
3854 参照

jquery - jQuery .each()を使用して、複数の画像の下にtitle属性を追加します。

.each()を使用してvarを取得し、それを使用してクリアし、.each()の次のループで最初からやり直すにはどうすればよいですか?

'title'属性を持つさまざまな数の画像があります。title属性を取得し、各画像の後に新しいdivに追加して、キャプションを作成したいと思います。ただし、2つの画像があるページで次のコードを使用すると、各画像の下に両方のタイトルが表示されます。

.each()を実行して、最初の画像で機能し、varを消去してから、2番目の画像で機能するようにするにはどうすればよいですか?

0 投票する
1 に答える
193 参照

html - CSS を使用して Web ページの中央に写真 (キャプション付き) を配置する

Web ページに写真のブロックを作成しようとしています (幅が設定されているため、コードのその部分をコピーしませんでした)。以下の JSFiddle リンクにコードを入れました。

http://jsfiddle.net/T2qHR/12/

グラフィックエディタでやろうとしていることを再現します。ここをクリックしてご覧ください: http://www.flickr.com/photos/adpartners/6630840127/in/photostream

css/html で何が間違っているのかわかりません。div タグの 1 つで float left を使用したため、すべてが左に固定されています。背景を中央に配置して、その上に画像を配置します。3枚の写真、2枚の写真、1枚の写真、2枚の写真のように。それらはすべて、その部分のリンクをすでに取得している youtube ビデオにリンクします。

どんな助けでも大歓迎です。p、div、table、ol/li タグを使用して、このコードの 10 ~ 20 の異なるバージョンを実行しましたが
、正直なところ、今はどれを使用すればよいかわかりません。

私が間違っていることを見つけたら、私に記入してください。私はコードを失っています!

あなたが提供するかもしれないどんな助けにも感謝します、R

0 投票する
1 に答える
626 参照

php - 自動キャプションとしてのファイル名の画像

このスクリプトを使用して、フォルダーからランダムな画像を表示しています。重要なファイル名を持つ何百もの画像があるので、各画像ファイル名を画像キャプションとして表示する方法を探しています。これは可能ですか?

これは私が使用しているスクリプトです:

0 投票する
1 に答える
1021 参照

facebook - Open Graph アクション ストーリー添付キャプション テンプレートの制限を回避する方法はありますか?

私が回避しようとしているオープン グラフ アクション添付キャプションには 3 つの特定の制限があります。アクション構成ページで構成可能な添付ファイルのキャプションを参照しています (例: https://developers.facebook.com/apps/<app-id>/opengraph/action_type/<action-type-id >)。

  1. 改行や改行を挿入する方法が見つかりません。これはおそらく設計によるものだと思いますが、できるのは合理的なことのようです。
  2. アクションを複数のオブジェクト タイプに適用できる場合、キャプション テンプレートでいずれかのオブジェクトのフィールドを使用することはできません。これを行うと、設定されていないオブジェクトからフィールドを参照すると、キャプションが「壊れる」(正しく表示されない) ことになります。たとえば、アクション「ドライブ」は「車」または「トラック」に関連付けることができます。キャプションが の場合は{car.model}、トラックで中断されます。この投稿に関連しています。理想的には、のようなことができるようになりたいです({car.model} OR {truck.make})
  3. オプションのアクション/オブジェクト フィールドをキャプションで使用することはできません。これらが設定されていない場合、キャプションは上記 #2 のように「壊れる」ためです。

キャプションが「途切れる」と言うのは、正しく表示されないという意味です。fieldName fieldValueオブジェクト/アクションからのさまざまなフィールドのペアを表示するデバッグ モードに入るようです。

これら 3 つの問題の回避策はありますか?

ここでは集計を扱っているのではなく、実際のアクション Open Graph 投稿だけを扱っていることに注意してください。

更新: Facebook は、複数行のキャプションを許可する変更を先日プッシュしたようです。それは項目#1を解決します。アイテム#2と#3はまだ未解決です。

更新 2: #2 の場合、1 行に 1 つのテンプレート項目 ({someobject.somefield} など) のみを配置すると、問題なく動作するようです。そのオプションが設定されていない場合、その行は表示されません。ただし、複数のフィールドを配置すると、「壊れる」動作に頼るようです。これは#3でも機能する可能性がありますが、まだ試していません。

0 投票する
1 に答える
290 参照

caption - rhinosliderのキャプションをlightbox2と組み合わせて表示するにはどうすればよいですか?

私は完全に機能するサイスライダーとライトボックス2を持っています。画像はスライドしますが、クリックすると素敵なライトボックス2がポップアップします。ただし、他のリンクがその上にある場合、何らかの理由でスライダーのキャプションが表示されません。

私のコード:

キャプションが表示されない理由を誰かが知っていますか?そして、この問題の解決策はありますか?

http://rhinoslider.com/
http://lokeshdhakar.com/projects/lightbox2/

0 投票する
1 に答える
568 参照

jquery - スライドショー付きキャプション

クロスフェード トランジションを含むスライドショーを作成しました。画像の上の 3 列のテーブルの中央にキャプションを配置したいと考えています。うまくいかないスクリプトをいくつか試してみましたが、どういうわけか、テーブル内の位置がめちゃくちゃになってしまいました。

スライドショーの上の表の 2 列目にキャプションを配置したい:

http://munzerhodayfa.com/blaise.html

0 投票する
1 に答える
2702 参照

javascript - zurbs Foundation の軌道スライダーでキャプションを表示するにはどうすればよいですか?

私はこの問題を理解しようとして立ち往生しています。提案/修正は大歓迎です!

出典:私の出典

問題:キャプションが表示されない

html (軌道スライダー スライド用):

....等々

html (軌道スライダーのキャプション用):

...等々

html の js: