- ベストアンサー
携帯サイトでの画像切り替え
[1],[2],[3]とそれぞれあるリンクをクリックすると表示されている画像を切り替えるという動作(例:http://www.tagindex.com/javascript/link/change3.html※これはロールオーバーですが)をしたいのですがPCではjavascriptを使って問題なく出来たのですが携帯サイトの場合javascriptが使えないのでどうすればいいのでしょうか?PHPを使えばいいというような事は聞いたのですがやり方がわからないのでご教授お願いします。
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
すみません、先ほどの回答者です。記述ミスしてました。 <?php $image_no = $_GET['image_no']; if($image_no == ""){ $image_no = 1; } switch ($image_no) { case ($image_no == 1): $image_name = "1枚目の画像の名前.jpg"; break; case ($image_no == 2): $image_name = "2枚目の画像の名前.jpg"; break; case ($image_no == 3): $image_name = "3枚目の画像の名前.jpg"; break; } ?> <html> <body> ここにHTMLで内容を記述。 <br> 画像を表示させるところに以下の記述 <img src="<?php echo $image_name;?>"> <br> 画像の切り替えリンク <a href="このファイルの名前.php?image_no=1">[1]</a> <a href="このファイルの名前.php?image_no=2">[2]</a> <a href="このファイルの名前.php?image_no=3">[3]</a> </body> </html> どのみち、Flashが確実なのは間違いないのですが、一応・・・。(汗
その他の回答 (3)
- manimani2
- ベストアンサー率70% (12/17)
前の方がおっしゃっているように、valencia21さんが考えていらっしゃることを実現するのはFlashがいいと思います。 PHPで以下のように記述したとしても、結局、画像以外の部分も読み込み直しになるので・・・。 とりあえず、サンプル書いておきます。 <?php $mode = $_GET['mode']; $image_no = $_GET['image_no']; if($image_no == ""){ $image_no = 1; } switch ($image_no) { case ($image_no == 1): $image_name = "1枚目の画像の名前.jpg"; break; case ($image_no == 2): $image_name = "2枚目の画像の名前.jpg"; break; case ($image_no == 3): $image_name = "3枚目の画像の名前.jpg"; break; } ?> <html> <body> ここにHTMLで内容を記述。 <br> 画像を表示させるところに以下の記述 <img src="<?php echo $image_name;?>"> <br> 画像の切り替えリンク <a href="このファイルの名前.php?mode=select&image_no=1">[1]</a> <a href="このファイルの名前.php?mode=select&image_no=2">[2]</a> <a href="このファイルの名前.php?mode=select&image_no=3">[3]</a> </body> </html> こんな感じです。
- memphis
- ベストアンサー率40% (975/2395)
Flashで作れば似たような感じにできると思います。 ただし、アクセスする形態がFlashに対応している必要があります。
お礼
回答ありがとうございます。 今回は最終的にFlashを使わない方向になったのですが今後はご意見を参考にFlashも考慮していきます。
ストレートに考えるなら、配列に画像のパスを入れてランダムソートでしょうか。 ちなみに、DBが使えるのであれば、SQL文でランダム関数を使って抽出する方法もあります。
お礼
回答ありがとうございます。 無事動作させる事が出来ました。
お礼
回答ありがとうございます。 上記の内容で無事動作させる事が出来ました。 今後Flashでの動作も視野に入れていきたいと思います。