締切済み

サイトのサムネイル取得が出来ません。

2008/03/05 17:01

サイトのサムネイル画像を取得しようと思い、サムネイルAPI(http://thumbs.bookmacro.com/sample/)というサイトで、以下のコードを取得しました。 ================================================================ <a href="http://thumbs.bookmacro.com/rd?url=http://d.hatena.ne.jp/"><img src="http://thumbs.bookmacro.com/w/80/h/60/u/http://d.hatena.ne.jp/" border=0 ></a> ================================================================ これをCGI中で使用しようと思い、 ================================================================ <img src="http://thumbs.bookmacro.com/w/80/h/60/u/$siteurl" border=0 > ※ $siteurl にはサイトアドレス(http://～)が格納されている ================================================================ としたところ、「ページがありません」となってしまいます。 CGI中で、変数に格納されているアドレスは指定できないのでしょうか？ご回答、宜しくお願い致します。

das_horn
お礼率85% (40/47)

Perl
回答数1
ありがとう数3

みんなの回答 （1）
専門家の回答

みんなの回答

jjon-com
ベストアンサー率61% (1599/2592)

2008/03/05 18:03 回答No.1

当たり前のことの確認ですが。 Webブラウザの「ソースコード(HTML)の表示」機能を用いて，Perlが出力したHTML文字列を表示して目で確認してみたところ， <img src="http://thumbs.bookmacro.com/w/80/h/60/u/http://d.hatena.ne.jp/ " border=0> のように，変数 $siteurl='http://d.hatena.ne.jp/ ' がちゃんと文字列に展開されていることについては大丈夫なのですよね。大丈夫であるなら，$siteurl に格納された具体的な文字列の例を知りたい気がします。

質問者

お礼 2008/03/05 18:53

ご回答ありがとうございます。展開されている文字列が間違っていました。どうもすみません。ヒントを下さってありがとうございます。

関連するQ&A

サムネイル画像をオンマウスで拡大表示してそれぞれの画像にリンクを指定する記述について
お世話になります。 JavaScript初心者ですが、フリーソースなどを見つつ勉強しております。下記のようなhtmlに【js00】と【js01】を読み込んでサムネイル画像をオンマウス時に上部に拡大表示させているのですが、サムネイル画像と拡大表示画像の両方に指定リンクをつけようとしています。記述４の【js02】のような画像をランダム表示して指定リンクをつけるScriptは発見できたのですが、これを記述１+２+３と組み合わせられず、作業が進まなくなってしまいました…。フリーソースを応用しようとしすぎて、遠回りな記述になっているかもしれませんが、もし分かる方がいらっしゃったら教えて頂けないでしょうか？ ■記述１(html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <SCRIPT language="JavaScript" type ="text/javascript" src="http://test.com/00.js"> </SCRIPT> </head> <body> <table width="400"> <a href="#" target="_blank"> <img src="http://test.com/img/01.jpg" name="imgSample"></a> <div> <div> <script language="JavaScript" type ="text/javascript" src="http://test.com/01.js"> </script> </body> </html> ■記述２(js00) //画像の名前を配列に代入していきます。 strPictureName = new Array("http://test.com/img/01.jpg","http://test.com/img/02.jpg","http://test.com/img/03.jpg","http://test.com/img/04.jpg","http://test.com/img/05.jpg","http://test.com/img/06.jpg","http://test.com/img/07.jpg","http://test.com/img/08.jpg"); function SetPicture(nVal) { document.imgSample.src = strPictureName[nVal]; } ■記述３(js01) //サムネイル画像をオンマウスで拡大表示 img_num="8"; if( img_num == "" ){img_num='5';} for ( cnt = 1 ; cnt <= img_num ; cnt++ ) { cnt2 = cnt-1; document.write( "<a href=\"#\" onMouseOver=\"SetPicture("+cnt2+");\" class=\"menu\"><img src=\""http://test.com/0"+cnt+".jpg\" width=\"100\" height=\"86\"></a>" ) ; } ■記述４(js02) // ランダムに画像を表示する jmp = new Array(); img = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = "http://www.yahoo.co.jp/"; jmp[1] = "http://bb.yahoo.co.jp/"; jmp[2] = "http://www.yahoo.co.jp/"; jmp[3] = "http://auctions.yahoo.co.jp/"; jmp[4] = "http://aeu.jp/cs/"; jmp[5] = "http://google.com/"; jmp[6] = "http://google.co.jp/"; jmp[7] = "http://news.yahoo.co.jp/"; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = "http://test.com/01.jpg"; img[1] = "http://test.com/02.jpg"; img[2] = "http://test.com/03.jpg"; img[3] = "http://test.com/04.jpg"; img[4] = "http://test.com/05.jpg"; img[5] = "http://test.com/06.jpg"; img[6] = "http://test.com/07.jpg"; img[7] = "http://test.com/08.jpg"; n = Math.floor(Math.random()*jmp.length); document.write("<a href='"+jmp[n]+"'>"); document.write("<img src='"+img[n]+"' border='0'>"); document.write("</a>"); ■完成イメージ　　|￣￣￣￣￣￣￣| 　　|　拡大画像　 | 　　|＿＿＿＿＿＿＿| 　　|￣||￣||￣||￣| 　　|＿||＿||＿||＿|←サムネイル・サムネイル画像をオンマウスで拡大画像を表示・サムネイル画像、拡大画像それぞれに指定リンクを入れる・可能であればリンクページは　target="_blank"　で開きたい以上がご質問内容です。初心者で大変恐縮ですが、どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
javascriptを使い、サムネイル表示
サンプルＨＰ⇒http://cartown.jp/detail_dt.php?car_id=1990056 のような、サムネイル画像と拡大画像を表示させる記述方法を教えてください。下記のような回答文を確認したのですが、img要素を列挙する記述やonclickイベントを結びつける記述すらわかりません。こんな超初心者ですが、よろしくお願い致します。 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ <html> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>サンプル</title> <script type="text/javascript"> function showImg(){ document.getElementById("image").src=this.src; } function setup(){ var thumbnails=document.getElementsByName("thumbnail");//name="thumbnail"とついているimg要素を列挙 for(var i=0;i<thumbnails.length;i++)thumbnails[i].onclick=showImg;//↑で列挙したものにonclickイベントを結びつける } window.onload=setup; </script> <style type="text/css"> .main td{ width:300px; height:300px; } </style> </head> <body> <table border class="main"> <tr> <td><img id="image" width="300" height="300"></td> <td> 文章 </td> </tr> </table>  <table border> <tr> <td><img name="thumbnail" src="img1.png" width="48" height="48"></td> <td><img name="thumbnail" src="img2.png" width="48" height="48"></td> <td><img name="thumbnail" src="img3.png" width="48" height="48"></td> <td><img name="thumbnail" src="img4.png" width="48" height="48"></td> <td><img name="thumbnail" src="img5.png" width="48" height="48"></td> </tr> <tr> <td><img name="thumbnail" src="img6.png" width="48" height="48"></td> <td><img name="thumbnail" src="img7.png" width="48" height="48"></td> <td><img name="thumbnail" src="img8.png" width="48" height="48"></td> <td><img name="thumbnail" src="img9.png" width="48" height="48"></td> <td><img name="thumbnail" src="img10.png" width="48" height="48"></td> </tr> </table> サムネイルクリックで拡大します。 </body> </html>
- 締切済み
- JavaScript
サムネイル画像のclass切替がうまく動かない。
すみません、jquery初心者です。下記の様にサムネイルをクリックすると、mainの画像が切り替わる画像ギャラリーを作成しておりまして、サムネイルをクリックして　class="current"　を切り替えたいのですが、うまく動きません。別のサムネイルをクリックすると、最初のclassはremoveされるのですが、クリックしたサムネイルにclassを付けたいのですが効きません。。 $(document).ready(function() { $(function(){ $('#sum li a').click(function(){ var h = $(this).eq(0).attr('rel'); $('#main img').fadeOut(function(){ ($('#main img').attr("src",h)).fadeIn(); $('#sum li a').removeClass('current'); $(this).addClass('current'); }); return false; }) }); }); <div class="main_area"> <p id="main"><img src="images/img01.jpg" /></p> </div> <ul id="sum" class="clearfix"> <li><a href="#" rel="img01.jpg" class="current"><img src="images/sum01.jpg" /></a></li> <li><a href="#" rel="img02.jpg"><img src="images/sum02.jpg" /></a></li> <li><a href="#" rel="img03.jpg"><img src="images/sum03.jpg" /></a></li> </ul> ご教授頂けると非常に助かります。よろしくお願いします。
- ベストアンサー
- JavaScript
正方形のセルに縦画像、横画像を中央に配置
よろしくお願いいたします。テーブルを使って、写真のサムネイル一覧表を作成しています。 100x100 の２つのセルをペアとして横に並べ、横画像(100w x 75h)または縦画像(75w x 100h)を入れています。この時、横画像だけを入れたペアは、セルの高さが画像と同じ(75)になってしまいます。常にセルの高さを 100に保つにはどのようにしたらよいのでしょうか。現在は次のように記述しています。 <TR> <TD width="100" hight="100" align="center"><IMG src="W_100.jpg" width="100" height="75" border="0"></TD> <TD width="100" align="center"><IMG src="H_100.jpg" width="75" height="100" border="0"></TD> </TR> <TR> <TD width="100" hight="100" align="center"><IMG src="W_100.jpg" width="100" height="75" border="0"></TD> <TD width="100" align="center"><IMG src="W_100.jpg" width="100" height="75" border="0"></TD> </TR>
- ベストアンサー
- HTML
Image::Magickでサムネイル画の表示
Image::Magickでサムネイル画の表示するCGIです ./image　　　　　　　属性は777 /$fmain_no.jpg　　　　属性は644 サムネイル画を表示するとプロバイダーのサバーに保存されている画像も小さくなってしまいました、困っています、サバーにある画像はそのままで画像を読んでサムネイル画を表示するようにしたいのですがよろしくお願いします。 use Image::Magick; $img_file = "./image/$fmain_no.jpg"; $height = 200; $i = Image::Magick->new; $i->Read($img_file); $i->[x]->Scale("x$height"); $i->Write("$img_file"); print "<IMG SRC=\"$img_file\" BORDER=0>\n";
- 締切済み
- Perl
サムネイル画像をリンクにしたとき align="top"が効かない
サムネイル画像をリンクにしたときに横に"＊"を画像topと揃えて表示したいのですが、 <A HREF="リンク先"><img border="0" src="image.gif" align="top"></a>＊<br> 上記ソースで"＊"が下になってしまうのはなぜでしょうか。解決策がありましたら、ご教示お願いします。
- ベストアンサー
- HTML
正規表現について教えてください。
正規表現について教えてください。以下は左に配置したサムネイル（X01s、X01as、X01bs・・・）をクリックすると右にそのサムネイルの拡大画像（X01l、X01al、X01bl・・・）を表示するページです。サムネイルのimgタグを▼以下のようにしたいと考えています。 ※makethumbnail.cgiはサムネイル作成CGI 現在：<img src="X01s.jpg"> 変更後：<img src="/makethumbnail?src=X01s.jpg&w=100&h=&type="> ▼以下はダメでした。正規表現に問題があるのでしょうか。 <img src="/makethumbnail.cgi?src=' + img + 's' + ext + '&w=100&h=&type=" class="thumbnail" onclick="changeImage(this)"> お知恵をお借りできれば幸いです。 <head> <script type="text/javascript"> location.search.match(/^\?img=([^&]+)(\.[^&\.]+)&num=(.+)$/); var img = RegExp.$1; var ext = RegExp.$2; var num = Number(RegExp.$3); function changeImage(img){ var imgsrc = img.src || img; imgsrc.match(/^(.*)s(\.[^\.]+)$/); document.main.src = RegExp.$1 + "l" + RegExp.$2; return false; } document.write = img && ext && num ? document.write : function(){}; </script> </head> <body> <table> <tr> <th> <script type="text/javascript"> /* サムネイル */ document.write('<a href="#"><img src="' + img + 's' + ext + '" class="thumbnail" onclick="changeImage(this)"></a><br /><br />'); for (var i = 1; i < num; i++) { document.write('<a href="#"><img src="' + img + String.fromCharCode(0x60 + i) + 's' + ext + '" class="thumbnail" onclick="changeImage(this)"></a><br><br>'); } </script> </td> <td> <script type="text/javascript"> /* 拡大 */ document.write('<img src="' + img + 'l' + ext + '" name="main" id="main_image" />'); </script> </td> </tr></table>
- 締切済み
- JavaScript
正規表現（～を含まないものにマッチ）
Perlの正規表現について質問です。画像<img src="http://hogehoge.com/img/gokuu.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="http://hogehoge.com/img/pikkoro.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="http://hogehoge.com/img/bejiita.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="http://hogehoge.com/img/gohan.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="http://hogehoge.com/img/buruma.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> ↓　処理後　↓ 画像<img src="gazo_new1.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="gazo_new2.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="gazo_new3.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="gazo_new4.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> 画像<img src="gazo_new5.jpg" border=0><a href="http://hogehoge.com/">hogehoge</a><br> （変更した画像：gokuu.jpg,pikkoro.jpg,bejiita.jpg,gohan.jpg,buruma.jpg,）以上のように画像URL部分のみを gazo_new(連番).jpg に変更させ、変更前の画像URL一覧を表示させるスクリプトを書いてみました。 $htmldata にHTMLの全データが格納されているとします。 $i=1; while($htmldata=~/(<\s*img.*?src.*?=["\s]*)([.\/]*?\/)?((?:(?!gazo_new)[^"\s>])*)?["\s]?.*?>/i){ $imgurlparts .="$3,"; $htmldata=~ s/(<\s*img.*?src.*?=["\s]*)((?:(?!gazo_new)[^"\s>])*)?(["\s]?.*?>)/$1gazo_new$i.jpg$3/i; $i++; } $htmldata .="（変更した画像：$imgurlparts）"; どうにもうまく動きません。何卒ご教示をお願い致します。
- ベストアンサー
- Perl
jsでYoutubeのサムネを取得する方法
JS初心者です。特定の文字を削除する方法が分かりません。コチラのサイトを参考にホームページに実装しました。『javascriptを使って複数のYoutube動画を貼り付けても重くならないようにする方法』 http://qiita.com/yuyaonrails/items/5ecb24fca0d54abccdab 埋め込みのコードが下記のようなら問題なくサムネが取得できるのですが、『src="https://www.youtube.com/embed/nfWlot6h_JM"』コードが下記のように『?rel=0&showinfo=0』が増えるとサムネが取得できなくなります。『src="https://www.youtube.com/embed/nfWlot6h_JM?rel=0&showinfo=0』どの部分をどのように修正、追記すると『?rel=0&showinfo=0』の部分を削除できるのでしょうか？ ////////////// $(function (){ var movies = []; var images = []; //全てのiframeタグに対して処理を実行する。 $('iframe').each(function(index, element) { //iframeの中のsrc(埋め込みタグのURL)を取得。 var movie_src = $(this).attr('src'); //取得したURLはmovies配列に格納。 movies[index] = movie_src //URLから動画idのみを取得して、文字連結をしてサムネイルを取得。 images[index] = 'http://i.ytimg.com/vi' + movie_src.substring(movie_src.lastIndexOf("/")) + '/maxresdefault.jpg' //iframeをサムネイル画像に置き換える。 $(this).after('<img src="' + images[index] + '" class="movie" width="560">').remove(); }); $('.movie').each(function(index, element) { //サムネイルがクリックされた時の処理 $(this).click(function (){ //iframeに置き換え。 $(this).after('<iframe src="' + movies[index] + '?autoplay=1" width="560" height="315"></iframe>').remove(); }); }); }); ////////////// お暇な時でかまいませんのでよろしくお願いいたします。
- 締切済み
- JavaScript
サムネイル画像が表示されない
以前質問しましたがもう一度お願いします。 HPビルダー7　でサムネイル画像の大きい画像がネット上で表示されません。（プレビューでは表示されます。）ISPのぷららに聞くとアップロードされてないらしいのですが、ソフトの問題なのでそれ以上答えてくれません。ちなみに、HTMLソースは <TD align="center" valign="middle" width="128" height="128"><A href="IMG_0597.JPG"><IMG src="IMG_0597_thumb.JPG" width="128" height="96" border="1"></A></TD> です。なぜ、小さい画像をクリックしても大きい画像が表示されないか分かりません。なにかヒントでもいいですからお願いします。
- 締切済み
- その他(ソフトウェア)

サイトのサムネイル取得が出来ません。

みんなの回答

お礼 2008/03/05 18:53

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

サイトのサムネイル取得が出来ません。

みんなの回答

お礼 2008/03/05 18:53

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録