問題タブ [alt-attribute]

I'm looking to change several images onclick using JQuery instead of normal JavaScript and also change the image alt attribute at the same time for accessibility.

It should be something easy as I'm not looking to do some special effect on change but I still haven't find anything about it.

Here is the way I was doing with JS (without change the alt attribute):

And is there a way to avoid repeating images/nameofthesubfolder/ ?

Edit: Thanks a lot altCognito but I don't understand how to use this code to have a different alt attribute for each image. Maybe I forgot to mention that I was looking for it (my bad).

この質問は、 jQuery を使用してクリック時に画像を変更する方法についてここで尋ねた最初の質問を完了します。

後で投稿を編集したとしても、クリックして画像が変更されるたびに異なる alt 属性を持つ方法を探していることを忘れていました。

(これは、アクセシビリティの向上と SEO の最適化のためです。)

altCognito による実際の html コードは次のとおりです。

そしてjquery：

jsbinで編集できます。

アンブラコは以下を服用しています：

そしてそれをに変える

この処理の後に alt タグを変更すると、alt タグが保存されます。

JavascriptまたはjQueryを使用して、HTMLでクリックされた特定の画像からaltタグを取得し、その値をキャプションフィールドにコピーしようとしています。

それは私が今のところ持っているものであり、それは機能しません。

検索エンジンは、h1 タグ内に配置された画像の代替テキストを、h1 タグ内に配置された通常のテキストを扱うのと同じように扱いますか?

この質問に対する答えを探してここで検索しましたが、画像の置き換えと悪名高い h1 の議論に関する情報しか見つけることができませんでした。

たとえば、次のようになります。

以下と同じように動作します。

検索エンジンの電子的な目で？

これは、負のテキスト インデント、display:none、height:0、ばかげた z-index 整数などの他の画像置換手法に比べて、「CSS ハッキー」がかなり少ないようです。

現在、かなり素敵な jQuery スライドビューアー 1.1 プラグインをサイトで使用していますが、表示された画像から alt 属性を抽出し、適切なタイミングで div に挿入したいと考えています。

プラグインの現在のコードを参照用に以下に示します。

<area>タグの多い画像マップを使用しています。altIEのツールチップとしてポップアップ表示される各領域の属性があります。この動作を抑制できますか？空のtitle属性を使用してみましたが、機能しませんでした。

編集：他のスクリーンリーダーにはalt属性が必要です。だから私はそれを空にすることはできません。IEでのポップアップ動作を抑制したいだけです。午前

cssスタイルで100x75に設定された画像があります。ロードされない場合、代替テキストはスペースにロードされますが、コンテナは100px幅を超えて拡張されます。

どうすればこれを防ぐことができますか？それを切り取るか、包むことによって。

したがって、いくつかのファイルに関するデータ（ファイル名、ファイルサイズなど）を含むhtmlテーブルを出力するこのphpスクリプトがあります。

クラス「プレビュー」に属するタグにカーソルを合わせると、画像を表示するこのJavaScript関数があります。たとえば、ファイル名が somePic.jpg の場合、テーブル内で somePic.jpg をホバーすると、マウスの横に画像が表示されます。

これらのファイルのすべてが画像であるとは限りません。一部は .mp3 であるため、もちろん、それらにカーソルを合わせると、javascript は画像を表示できません。このケースに対処するために、(javascript 関数によって生成された) タグに alt 属性を追加しました: alt='Preview not available for this type of content.'

そして、ここに私の問題があります。うまくいくこともありますが、うまくいかないこともあります! .mp3 リンクをホバリングし始めると、alt 属性が表示され、次に画像にホバリングすると画像が表示され、次に .mp3 に再度ホバリングすると、alt が表示されなくなり、「壊れた画像」の画像が表示されることがあります。 （小さな赤い十字）が代わりに表示されます...

確かに、ファイル名を解析して mp3 であることを検出し、大文字と小文字を区別することはできますが、alt 属性がこれを達成すると考えられていました...しかし、バグがあります...

何か案が？誰かがすでにこの問題に直面していますか?

pdf および msword ファイルにリンクするアイコンを含む大きなリストがあります。リンクされたファイルのファイルサイズを kb 単位で取得し、それを画像の alt 属性として使用したいと思います。生成されたコードは次のようになります。

ディレクトリ内のすべてのファイルがこのリストで使用されているわけではないため、ファイルへのすべてのリンクは静的な href です。コールドフュージョンではどうすればいいですか？cfdirectoryを使用してすべてのファイルを取得し、それらを href と一致させる必要がありますか? または、親 href を解析してファイルサイズを取得する方法はありますか?

ありがとう！