jsでイメージの操作をしたいのですが、まったくわかりません。

質問

jsで画像のsrcを変更してプレビューしたいのですが、うまくいきません。
というより手がつけられません。
問題点1　画像は不特定多数のユーザがアップロードするのでsrcの値を取得できない。
問題点2　画像のセットが単独でのページ構成ではなく、ページ内に同一の処理をする画像のセットがあるため、name等でプレビューさせる画像を指定するとすべてに影響がでてしまう。
・プレビューさせたい場所□の塊のところ
・プレビューもとの画像■の塊のところ
・■の塊のところにオンマウスしたときに□の塊のところに
画像がプレビューされるようにしたいんですが。。。
□□□□
□□□□
□□□□

■■　■■　■■
■■　■■　■■

これを1セットとしてページ内に複数並ぶイメージです。
どなたかいいアイデアがありましたらよろしくお願いします。

回答No.2

arexis

今ひとつ困ってる部分が把握できてないかもしれませんが

■の画像に onmouseover= "関数(this.src)" を個別に埋め込む形を取れば良いのではないかと思うのですが、
全然 質問の意図に合ってませんか？(^^;

表示先場所まで特定するなら、
onmouseover= "関数(this.src,'表示場所ID')"

見当違いの回答ならスルーしてください^^;

回答No.1

shimix

>問題点1　画像は不特定多数のユーザがアップロードするのでsrcの値を取得できない。

JavaScript以前に、そのページ自体をphpなどで動的に生成するしかないのでは？AjaxでJavaScriptから「取りに行く」というのもあるでしょうけど、いずれにしてもサーバ側スクリプトが必要では？。

補足

ご回答ありがとうございます。そのページ自体は当然phpで動的に生成しています。その生成されたページにおいての処理を教えていただければ幸いです。