☰

Javascriptで画像を変更する

tag-icon • tag-icon javascript
Javascriptで画像を変更する

何ヶ月もの間、1 つのフィールドのボタンを押して画像を変更する方法が見つかりません。テキストは次のようになります。

\documentclass[a4paper]{article}
\usepackage{eforms}
\begin{insDLJS}[test]{test}{JavaScript}
function MakeArray(2){
    this.length=n
    return this
};
var text=new MakeArray(2);
text[0]='text111';
text[1]='text222';
this.getField("field").value=text[0];
\end{insDLJS}
%
\begin{document}
\textField[\BG{}\BC{}]{field}{80mm}{10mm}\\
\pushButton[\A{\JS{this.getField("field").value=text[1];}}]{myButton}{30mm}{15mm}\\
\pushButton[\A{\JS{this.getField("field").value=text[0];}}]{myButton}{30mm}{15mm}
\end{document}

しかし、今度はボタンを押すと画像が変わるのと同じように、画像でも同じことをしたいのです。\pictureField[]{}{} のようなものはありますか?

編集
回答ありがとうございます。問題はmedia9パッケージです。最新のl3kernel（2014/...）で完全に更新されたlubuntu tex-liveを使用しているので、他のl3パッケージもそうです。それでも、主にl3kernelが古すぎるなどのさまざまなエラーが発生します。media9を動作させる方法が見つかりませんでした。再度質問して申し訳ありませんが、あなたの例でこれを正確に行う方法はありますか？メディアなしで9パッケージ？

答え1

ここに画像の説明を入力してください

\documentclass{article}
\usepackage{animate,media9,graphicx,mwe}

\begin{document}

\begin{center}
\begin{animateinline}[nomouse,step,label=picfield]{0}
  \includegraphics{example-image-a}
\newframe
  \includegraphics{example-image-b}
\end{animateinline}

\mediabutton[jsaction={anim.picfield.frameNum=0;}]{\fbox{show (a)}}
\mediabutton[jsaction={anim.picfield.frameNum=1;}]{\fbox{show (b)}}
\end{center}

\end{document}

\PushButtonfrom の使用hyperref:

\documentclass{article}
\usepackage{animate,graphicx,mwe}
\usepackage{hyperref}

\begin{document}
\begin{Form}

\begin{center}
\begin{animateinline}[nomouse,step,label=picfield]{0}
  \includegraphics{example-image-a}
\newframe
  \includegraphics{example-image-b}
\end{animateinline}

\PushButton[onclick={anim.picfield.frameNum=0;}]{\strut show (a)}
\PushButton[onclick={anim.picfield.frameNum=1;}]{\strut show (b)}
\end{center}

\end{Form}
\end{document}

関連情報