ベストアンサー クリックで次の画像へ 2006/01/18 21:30 xxx_yyy_1.jpgからxxx_yyy_10.jpgという連番の画像を [次へ]を押すと次の番号の画像へ [戻る]を押すと前の番号の画像へ という事はできるのでしょうか? みんなの回答 (1) 専門家の回答 質問者が選んだベストアンサー ベストアンサー akanekor ベストアンサー率52% (102/194) 2006/01/18 23:14 回答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> 質問者 お礼 2006/01/19 23:10 ありがとうございます。 参考にさせていただきます。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発JavaScript 関連する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は仮の文字です) ネットワークエンジニアとは?技術職の未来を考える OKWAVE コラム 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> ■ここに画像を表示■ 『■ここに…』のところに名前を付けて、『■の場所に…』と言うところで、その名前の場所に画像を読み込むようにすればいいのだと思ったのですが、知識が少ない為どうもうまくいきません。 どうか、宜しくお願い致します。 クリックで画像が入れ替わるソースの書き方 例えば、「1.jpg」という画像をクリックすると、「2.jpg」という画像が「3.jpg」という画像に切り替わるという設定にしたいのですが、そのアクションを実行させるソースの書き方を教えて下さい。若しくはそのようなアクションが設定されているサイトをご紹介下さい。よろしくお願いします。※使用ソフト:「ホームページビルダーver6」です。 アウトルックエクスプレスが接続しない。 以下のメッセージ サーバーは接続を解除しました。 サーバーまたはネットワークに問題があるか、 またはアイドル時間が長すぎた可能性があります。 アカウント : 'xxx.yyy.ne.jp', サーバー : 'xxx.yyy.ne.jp', プロトコル : POP3, ポート : 110, セキュリティ (SSL): なし, エラー番号 : 0x800CCC0F サーバーと通信しようとして、タイムアウトが発生しました。 アカウント : 'xxx.yyy.ne.jp', サーバー : 'xxx.yyy.ne.jp', プロトコル : POP3, ポート : 110, セキュリティ (SSL): なし, エラー番号 : 0x800CCC19 何が悪いのか解りません。 よろしくお願いいたします。 AIは使う人の年齢や市場にも影響する?人工知能の可能性 OKWAVE コラム 画像ファイルのリネームソフトについて質問です。 画像ファイルのリネームソフトについて質問です。 現在3000あるスキャナ画像ファイルがあります。 これは日付と時間がファイル名になっています。 この画像ファイルを製品番号.JPGに変更していきたいのですが、 いったん画像ファイルを開いて、製品番号を見てファイル名にリネームしています。 非常に時間と労力がかかり困っています。 画像ビューワなどで、自動連番機能ではなく、画像を見ながらファイル名を編集できるソフトを ご存じの方がおられましたら、アドバイスよろしくお願いします。 リンクで画像を置き換えたい 初心者ですが、よろしくお願いします。 たとえば 001.jpg 002.jpg 003.jpg という3つの画像ファイルがある場合に、 ---------------------------------- <html> <body> ~省略~ <a href = "#" onclick = "change_img(1)">画像1</a> <a href = "#" onclick = "change_img(2)">画像2</a> <a href = "#" onclick = "change_img(3)">画像3</a> <img src = "XXX.JPG> </body> </html> ---------------------------------- のような感じで画像1,2,3のリンクをクリックすることで、 ページ切り替えるのではなく、 XXX.JPGの部分のみ切り替えるscriptを考えているのですが、 ご教授願いないでしょうか? 要望としては、切替候補の複数の画像は ページをロードしたときに最初に全て読み込んでおいて、 リンククリック時の画像の切替をスピーディにしたいと考えています。 サンプルの上記例にそくしたサンプルのコードなどを 回答いただけると助かります。 よろしくお願いいたします。 大量の画像をつなげたい 本の処分に困り、裁断しスキャンして保存する作業をしています このサイトでJointogetherというソフトの紹介があり 見開きで見れるようになり、喜んでいたのですが 一回一回の手作業が段々辛くなってきました フォルダ内の画像(連番)を例えば 01.JPG + 02.JPG -> 001.JPG 03.JPG + 04.JPG -> 002.JPG と言う感じで一括で処理してくれるソフトは無いでしょうか? 単純につなげてくれるだけで良いのですが・・・ なるたけフリーソフトで宜しくお願いします。 C:\ユーザーに表示されるユーザ名を変更できますか 次のような操作をしました。 (1)Windows 7 Ultimate 64 SP1 を再インストールしました。 (2)インストール時に「ユーザ名」を xxx としてインストールしました。 (3)インストール後に、コントロールパネルのユーザアカウントのアカウント名の変更を使って、xxx を yyy に変更しました。yyy は admnistrator です。 (4)エクスプローラで C:\ユーザー を見ると xxx があって yyy がありません。 C:\ユーザ の xxx を yyy に変更するにはどうしたらいいでしょうか。 画像をクリックしたときに右クリック禁止を発動したい Bodyタグなどに「oncontextmenu=return false」と書くと、右クリックを禁止できますが、最初から右クリックを禁止するのではなく、ある特定の画像をクリックしたときに発動させたいのですが。 それを例えばダイナミックHTML(?)的に「<img src="xxx.jpg" onmousedown="document.body.background='壁紙'">」のようなやり方を応用して、「oncontextmenu=return false」を発動できないか試してみましたが、(文法を根本的に知らないので)どうも上手く出来ません。 (※<img src="a.jpg" oncontextmenu=return false>と書けば、その画像の右クリックだけは禁止できますが) Javaスクリプトを使えばこのコントロールが可能かと思いますが、もしこの「onmousedown="document.body.background='壁紙'"」レベルの単純な指示で、右クリック禁止が発動できる方法が何かございましたら、お教えいただければ幸いです。 (※右クリック禁止をさせても、結局のところソースを見られたりするのを禁止する事は出来ない、というのは知っています。そういう内容の質問ではありません) 画像のあるフォルダから画像選択 私は、今、ホームページの頭に「今週の1枚」と称して画像を貼りたいのですが、 KENT-WEBさんのClipBoardが「レス番号.拡張子」というかんじで 書き込んだ番号が1ばんだと 1.jpg 20だと 20.jpg というふうに書き込まれるのですが、 その画像をアップロードするフォルダの中で一番新しいかず(1.jpg 10.jpg 32.jpgとあれば32.jpgを)だしたいのですが、 このように表示させるスクリプトまたはCGIはないでしょうか? 画像に連番の文字列を挿入したい ネット販売をしており、商品画像の下に商品番号が記入された画像を作りたいと思うのですが。 自動で大量の画像ファイルに連番を挿入してくれるフリーソフトなどご存じないでしょうか? 画像の下に日付やロゴを挿入するソフトはよく見かけるのでできない事はないと思うのですが、連番をつけらけるものは見つけられませんでした。 画像自体には文字を被せたくないので画像の下にスペースを作り連番で数字を挿入してくれたら言うことないです。 もしよい方法があれば教えてくださいお願いします!! 正規表現で置換 その1 $str = "ほげほげほげ<a href="http://xxxx.xxxx.xxx/xxxx/">ほげほげほげ</a>ほげほげ<br /><br /><img src="http://yyy.hoge.jp/hage/hige/xxxx.jpg" width="320" height="240" />ほげほげ"; ↓ $str = "ほげほげほげ<a href="http://xxxx.xxxx.xxx/xxxx/">ほげほげほげ</a>ほげほげ<br /><br /><img src="./foo/faa/fii/xxx.jpg" width="320" height="240" />ほげほげ"; その2 $str = "<img src="http://yyy.hoge.jp/hage/hige/xxxx.jpg" width="320" height="240" />ほげほげほげ<a href="http://xxxx.xxxx.xxx/xxxx/">ほげほげほげ</a>ほげほげ<br /><br /><img src="http://yyy.hoge.jp/hage/hige/xxxx.jpg" width="320" height="240" />ほげほげ"; ↓ $str = "<img src="./foo/xxxx.jpg" width="320" height="240" />ほげほげほげ<a href="http://xxxx.xxxx.xxx/xxxx/">ほげほげほげ</a>ほげほげ<br /><br /><img src="./foo/faa/fii/xxx.jpg" width="320" height="240" />ほげほげ"; このような文字列があった時に、次のように従って置換したいです。 1.imgのタグの内部に、「http://yyy.hoge.jp/hage/hige/xxx.jpg」という文字列があった場合、「./foo/faa/fii/xxx.jpg」という文字列に置き換える。 2.それ以外のURLの場合は置換しない。 3.その1とその2では「xxx.jpg」となっていますが、jpg以外の拡張子の場合も存在する。 4.日本語とURLの位置や個数はバラバラです。 5.URLの中のxxxとyyyは不定の文字列で、hage、hoge、hige、foo、faa、fiiは固定です。 6.使用している言語はPHPです。正規表現を1度だけでできれば理想的ですが、今回は2回に渡った処理でも問題ありません。 以上です。正しく処理できる正規表現、あるいは下記の正規表現の誤りを教えて頂ければ幸いです。 お手数ですが、よろしくお願い致します。 下記の方法では、うまくできませんでした。 $pattern = "/http:\/\/.*?hoge.jp\//"; $replacement = "./"; $str= preg_replace($pattern, $replacement, $str); $pattern2 = '/\/?hage\/hoge/'; $str = preg_replace($pattern2, '/foo/faa/fii', $str); 注目のQ&A 「You」や「I」が入った曲といえば? Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市(長野県)在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他(プログラミング・開発) カテゴリ一覧を見る OKWAVE コラム 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? 友達って必要?友情って何だろう 大震災時の現実とは?私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ!負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
お礼
ありがとうございます。 参考にさせていただきます。