You need to sign in to do that
Don't have an account?
多言語対応のサイトで翻訳した画像の切り替え
はじめて投稿します。よろしくお願いいたします。
現在、多言語に対応したvisualforeページを作成中です。
トップページのボタンで英語( en )か日本語( ja )かを選び、
遷移先のタイトル画像を動的に切り替えようとしてます。
例えは日本語ボタンを押すと、URLパラメータ( https://・・・/遷移先ページ?language=ja )
が送られ、
Apexクラスを使って language を取得し保持しています。
ここで、HTMLベースのページに画像を表示させたいのですが、
画像は
image / ja / title.jpg (日本語タイトル画像) と
image / en / title.jpg (英語タイトル画像) を
一つのZIPファイルに圧縮し、静的リソースに design と名前を付けて保存しました。
これにより
< img src=" {!Urlfor ($Resource.design, 'image/ {!language} /title.jpg ') } " />
で画像が表示され、URLパラメータによって日本語と英語が切り替わると考えたのですが、
そもそも画像が表示されません。
< img src=" {!Urlfor ($Resource.design, 'image/ ja /title.jpg ') } " />
と language 直指定すると、日本語のタイトル画像が表示されます。
image/ {!language} /title.jpg
をテキスト文として表示させると、パラメータが日本語 ' ja ' なら
image/ ja /title.jpg
と表示されます。英語なら en に切り替わります。
これらを組み合わせれば、表示できると考えたのですが・・・・・・
このようなケースについて対応をご存知の方、
お力を貸してください!
多言語対応ページの作り方についてもご指摘、アドバイスいただければ幸いです。
よろしくお願いします。
{!}をいれこにすることはできません。以下のようなコードをお試しください。
<img src="{!Urlfor($Resource.design,'image/'&language&'/title.jpg')}"/>