ホームページで、動く画像が載せたいのですが、

質問

写真を載せたいのですが、その際にマウスで、画像又は写真に合わせるとズームしマウスを外すと標準の大きさになるようにしたいと思ってます。
更にクリックすると別のウィンドで、選択した画像だけが見れるようにしたいです。

それとは別に、アダルトサイトやインターネットで購入する場所て見かけるのですが、数枚の画像が円を描きながら掲載してる方法はどうやって出来るのでしょうか？

一度に多数の質問で申し訳ありません。

回答No.1

もこ猫ミクにゃん（@miku-chi）

オンマウスで画像ズームして別ウインドウで表示は画像リンクにロールオーバー効果を工夫すればできますよ。
標準の大きさの画像の他にズームした画像が必要です。
<a href="別ウインドウで表示させたい画像パス" target="_blank"><img src="元の大きさの画像パス" alt="タイトル" border="0" onmouseover="this.src='ズームした画像パス';" onmouseout="this.src='元の大きさの画像パス';"></a>
↑この場合別窓の大きさが指定されていない、普通のブラウザウインドウで開く形になります。
ブラウザのメニューバーなどがつかなくて、サイズを指定したいのならば
<img src="元の大きさの画像パス" alt="タイトル" onClick="window.open('別窓の画像のパス','','width=画像の幅,height=画像の高さ')" border="0" onmouseover="this.src='ズームした画像パス';" onmouseout="this.src='元の大きさの画像パス';">
となります。

数枚の画像が円を描きながら…というのは実際に見てみないとわかりませんが、大体Flashで作られているものです。
ご自身でFlash作成ソフトを扱えるのなら工夫次第ですぐできると思いますが、そういった知識がない場合はそういうデザインの素材をダウンロードすることができます。
でもなかなか思い通りのデザイン素材というものが見つからないものです。。。

お金を払って作ってもらう方法もあります。

ついでですが、オンマウスでズーム…というものFlashで作れますよ。