javascriptで画像を操作したいのですが・・・

解決済

質問者：nnos
質問日時：2003/03/04 11:24
回答数：2件

今、私はホームページを作成しているのですがわからないことがあります。
初心者でお恥ずかしいのですが、サンプルなどを捜してみても見つけられません。
私がやりたいことは下記の通りです。

　画像１　　画像２　　画像３

　　　　　　　　　　　画像Ａ　　　

　このようにならんだ画像を画像Ａをクリックして

　画像２　　画像３　　画像４

　
　またクリックして

　画像３　　画像４　　画像５

　というように変化させていきたいです。
知識がないくせに無茶いうなと思われるかとも思うのですが、
本を買って勉強を始めた段階なので許してください。どなたかお助け下さい。

　

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： wolfwood
回答日時：2003/03/04 13:16

簡単なサンプルスクリプトです。

工夫次第でもっと短く簡単に出来ると思いますが、これが基本的な動きとなります。
参考にしてください。

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
var i = 0;
var j = 1;
var k = 2;
function change_image(){

</SCRIPT>
</HEAD>
<BODY>
<IMG SRC="1.jpg" name="img1">
<IMG SRC="2.jpg" name="img2">
<IMG SRC="3.jpg" name="img3">
<BR>
<A href="javascript:void(0)" onClick="change_image()"><IMG SRC="b.jpg"></A>
</BODY>
</HTML>

- 0
- 件

通報する

この回答へのお礼

丁寧なご回答ありがとうございます。

さっそくためそうと思います。本当にありがとうございました。

みなさんどんな勉強法でこんなにできるようになるのか不思議です。すごいですね。

通報する

お礼日時：2003/03/05 10:30

No.1

回答者： nitto3
回答日時：2003/03/04 11:51

難しく考えないで、一つずつ別のファイルにしておけばいいです。

一つ目に
　画像１　　画像２　　画像３

　<a href=next1.html>画像Ａ　　　

二つ目に
　画像２　　画像３　　画像４

　<a href=next2.html>画像Ａ　　　
三つ目に
　画像３　　画像４　　画像５

　<a href=next3.html>画像Ａ
最後に
　画像ｘ　　画像ｙ　　画像ｚ
　
<a href=atart.html>画像Ａ
こうしてもファイル容量は大して変わりません。
　　　　　　