• ベストアンサー

クリックで次の画像へ

xxx_yyy_1.jpgからxxx_yyy_10.jpgという連番の画像を [次へ]を押すと次の番号の画像へ [戻る]を押すと前の番号の画像へ という事はできるのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • akanekor
  • ベストアンサー率52% (102/194)
回答No.1

サンプル <html> <head> <script type="text/javascript"> var DEF_MAX_INDEX = 10; // 最大値 var DEF_MIN_INDEX = 1; // 最小値 var iCnt=1; function chgImg(iNextNum) { var strNextImg; iCnt += iNextNum; if (iCnt < DEF_MIN_INDEX) { iCnt = DEF_MIN_INDEX; } else if (DEF_MAX_INDEX < iCnt) { iCnt = DEF_MAX_INDEX; } strNextImg = "xxx_yyy_" + iCnt + ".jpg"; document.all.IMG.src = strNextImg; } </script> </head> <body> <img id= 'IMG' src ='xxx_yyy_1.jpg'><br> <a href='#' onclick='chgImg(-1)'>[戻る]</a> <a href='#' onclick='chgImg(1)'>[次へ]</a> </body> </html>

noname#35577
質問者

お礼

ありがとうございます。 参考にさせていただきます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 連番画像「次へ」「前へ」で、目次に戻るには

    目次のページに春・夏・秋・冬と項目があり、「夏」を選ぶと、 「夏」のフォルダ(natu1.jpgからnatu10.jpgまでの画像が入っています)のnatu1.jpg が表示され、 「次へ」を押すと次の番号の画像、「前へ」を押すと前の番号の画像へ戻るようにしたいと思い、 こちらを参考に http://okwave.jp/qa/q1905352.html できたのですが、 natu1.jpgが表示されている時の、「前へ」や、natu10.jpgが表示されている時の「次へ」で 目次のページに戻ることはできますか? もしくはnatu1.jpgの時には「次へ」だけ、V10.jpgの時は「前へ」だけ、natu2.jpg ~ natu9.jpgの間は「次へ」と「前へ」の両方が表示されるようにと言うのは出来ますか?

  • FTPに転送したい。ファイル名にスペースはよい?

    ホームページを作成しています。画像のファイル名なんですが、 (1)「xxx yyy.jpg」 (2)「xxx_yyy.jpg] (3)「xxx-yyy.jpg」 (2)が一番理想的のような気がするんですが、(1)でもアップロードできますか? (3)でも、問題ないですか? 実は、ビルダーに付属のFFTPソフトで転送したときはできたんです。 (1)(2)(3)とも 違うFTPソフトでアップロードしたら、(1)ができなかったんですが、 ファイル名の違いですよね。 はやり、文字間にスペースはよくないですか? ホームページ初心者です。よろしくお願いします。

  • 別窓で画像を表示する場合に余白が…

    大量に画像を扱って居るのですが、タイトルをクリックすると、別窓でそれぞれの画像が開く様にしています。 サイズは2種類、800*600と1024*768のがあります。 それを↓下のようなscriptで行っていますが、どちらのサイズの窓(画像)も、画像の左と上に余白が少し出て、右と下が切れてしまいます。何処が間違っているのでしょうか? どうすれば、窓のぎりぎり一杯に画像を表示する事ができるでしょうか? どうか、教えて下さい。 ↓ <table width="80%"> <tr> <td> <a href="#" onClick="window.open('../xxx/yyy.jpg','','width=1024,height=768')">グラデーション<font size="1">1024x768</font></a> </td> </tr> <tr> <td> <a href="#" onClick="window.open('../xxx/zzz.jpg','','width=800,height=600')">グラデーション<font size="1">800x600</font></a> </td> </tr> </table> (xxx.yyy.zzzは仮の文字です)

  • Application.GetOpenFilena

    excelvbaです。 Application.GetOpenFilenameで画像ファイル(.jpg)を読み込んだ時、 幅や高さの調べ方を教えてください。 「読み込んだ画像ファイル」.width 「読み込んだ画像ファイル」.height とやるのだと思うのですが、 この「読み込んだ画像ファイル」の具体的な書き方が分かりません。 set XXX = yyy xxx.width xxx.height とやるのだと思うのですが。 宜しくお願いします。

  • 画像の保存って・・・

    素材屋さん等で、 写真画像を「名前をつけて保存」する際、 通常は・・・JPG方式だと思うんですが、 (xxx.jpg って形で保存されますよね?) この頃、私のパソコンではそれが何故か、 ビットマップ方式(xxx.bmp)でしか保存されない事が多いのです。 他の保存方式を選択することもできず・・・ なぜなのでしょう? 以前は、写真画像ってすべてJPG方式で保存されてたのですが・・・

  • ファイル名変更してコピー

    エクセル2000で次のような処理が出来ますでしょうか。 まず前提として、シート1のA列にフォルダAの中の001.jpg~100.jpgと言う画像 がリンク付けてあります。(A1は001.jpgに~A100は100.jpgに)。 そこで、シート1のB列にB1からB***まで数字をガンガン打ち込んでいきます。 打ち込み終わりで、実行すると例えばB1が30だとすると030.jpgを 1-030-001.jpg( (1から連番)-(画像番号)-(検索された回数).jpg ) と言うふうにしてフォルダBにコピーしたいのですが・・。 こんな事出来ますでしょうか?

  • 連番の質問

    こんにちは MYSQLの勉強始めたばかりなのですけど、よろしくお願いします。 このように連番を作ったのですが、 alter table xxx add renban int; alter table xxx add index index1(renban); alter table xxx modify renban int auto_increment; 順調にできたのですが、#9と#10の二つのフィールドを消去したところで、次の番号が9からではなく、 11からになってしまったのです。 そこで、index1の消去して、新しい連番を作るのに、どうすればいいのか、教えてください。 それとも、次の番号が11ではなく、9になるように、どうすればいいのか、お願いできますか? お願いします。

  • クリックで画像が入れ替わる設定

    初心者です。 まず用意したものとして、 (1)「1.jpg」~「8.jpg」(サイズ各500×500)の8枚の画像データ (2)「1a.jpg」~「8a.jpg」(サイズ各20×20)の8枚の画像データ (例)サイトの左側半分に「1.jpg」を1つ貼付け、右側半分には「1a.jpg」~「8a.jpg」の8つの画像を貼付けます。その状態で、例えば右側の「2a.jpg」をクリックすると、左側の「1.jpg」が「2.jpg」に切り替わり、右側の「3a.jpg」をクリックすると、左側が「3.jpg」に切り替わるというように、右側の「1a.jpg」~「8a.jpg」をそれぞれクリックすることによって、左側の画像を指定した画像「1.jpg」~「8.jpg」に切り替えたいのですが、どのような設定(ソース)にすればいいのでしょうか?そのような設定をしているサイトがあれば教えてください。お願いします。

  • javascriptで画像のランダム表示設定

    いつもお世話になっております。 過去に類似した質問が挙げられてましたが、 解決に至らなかったので、 質問させて頂きます。 javascriptを使用して、 3枚の画像をランダム表示されるように設定したいと思っております。 できれば、更新毎に常に異なる画像が表示されるようにしたいです。 ちなみに全体に適用ではなく、特定のボックスのみです。 こんな感じで現在は指定しております。 <div class="section1"> <img src="photo/xxx.jpg" alt="xxx" /> </div> ここのimgをランダム表示にしたいのですが、 どうも上手くいきません。 <script language="javascript"> <!-- // ランダムに画像を表示する img = new Array(); // 画像のアドレス img[0] = "photo/xxx.jpg"; img[1] = "photo/yyy.jpg"; img[2] = "photo/zzz.jpg"; n = Math.floor(Math.random()*img.length); document.write("<IMG src='"+img[n]+"' border='0'>"); document.write("</A>"); //--> </script> をbody内に挿入したのですが、 ダメでした。 ご指導の程宜しくお願い致します。 ちなみに当方、プログラムを自力で記述する能力が無いので、 できれば、ソースを明示して頂けると大変助かります。

  • 条件分岐で違う画像を表示。

    javascriptで簡単なYES,NOゲームを作りました。 ウィンドウの同じ場所に、それぞれの結果によって違う画像を表示したいと思っています。 今現在 ↓ <script language="javascript"> if(confirm("xxx?")) {if(confirm("xxx?")) {if(confirm("xxx?")) { alert("111") } else alert("222") } else alert("333") } else alert("444") </script> こうしたい ↓ if(confirm("xxx?")) {if(confirm("xxx?")) { if(confirm("xxx?")) { alert("111"); ■の場所に1.jpgの画像を表示; } else alert("222"); ■の場所に2.jpgの画像を表示; } else alert("333"); ■の場所に3.jpgの画像を表示; } else alert("444"); ■の場所に4.jpgの画像を表示; </script> ■ここに画像を表示■ 『■ここに…』のところに名前を付けて、『■の場所に…』と言うところで、その名前の場所に画像を読み込むようにすればいいのだと思ったのですが、知識が少ない為どうもうまくいきません。 どうか、宜しくお願い致します。