- 締切済み
ブログ記事上にクリックで画像を表示させたい
livedoor blog Proです。が、PCは初歩です。 505×190の画像を48×18のサムネイルにして記事に貼り、 同サムネイルをクリックすると元の大画像が出ます。 ただし、それが別窓で、なのです。 これを記事上に出す方法をお教え頂けないでしょうか。 あるいは、505×190の<img src=******* />をURL化する方法があれば、 それでも構いません。素人考えですが・・・ AllAboutでLightbox Plusの使い方を読みましたが、分かりません。 それに、どうも違うようにも思えるのです。 よろしく、お願い申しあげます。
- estotop
- お礼率62% (123/197)
- ブログ
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- utilityahd
- ベストアンサー率15% (24/160)
>>>これを記事上に出す方法をお教え頂けないでしょうか。 >>>505×190の<img src=******* />をURL化する方法 という部分がよく理解できません。
関連するQ&A
- ブログの画像サイズ大きくしたい
記事の記述方式を［HTML］と選択している場合、こちらのソースをご利用いただくことで記事の中に画像を 配置することができます。と云うことですが 640×480の画像を表示させたいのですが下記のソースでは300×225のサムネイル画像が表示されます、当然ですが <div class="msg-pict"> <img src="http://******.asablo.jp/blog/img/2017/08/03/49a580.jpg" alt="" title="" width="300" height="225"></div> width="300" height="225"の数値をwidth="640" height="480"に変えるとサイズは640×480になりますが拡大されるだけです。 元画像サイズ640×480にするHTML記述を教えていただけないでしょうか。
- ベストアンサー
- HTML
- ブログの記事の画像の大きさを全て同じに
ブログの記事の画像の大きさを全て同じにするやりかた教えてください ペイントとかで小さくとか大きくとかできるんですか？ 元々小さい画像や大きい画像を全て均等にしていんですが 画像に<img src="sample.gif" width="200" height="100">これを使って画像の大きさを調整すると元々小さい画像を大きくすると少しぼやけて汚くなってしまいます。 後、画像の横にも文章を書きたいんですがどうしたらいいでしょうか？ 今使っているテンプレートでは無理なのでしょうか？
- 締切済み
- ブログ
- FC2ブログポータル:サムネイル画像をクリック→元画像が表示されずサムネイル画像が表示されてしまう
私は、以前からPCでfc2blogをやっていました。 最近、auの携帯電話でFC2ブログポータルというサイト （http://blog.fc2.com/ ただしPCからだとPC版表示） から、最近ブログの投稿を始めました。 携帯からＦＣ２に画像を送り、ブログに載せているのですが、そのことで、問題が発生しています。 ************************************************************ （送信の流れ） １．「記事編集画面」で本文などを書き、 「画像をアップロードする」を選択して「保存」を押します。 ２．すると、「投稿完了」との画面。 そこでファイルのアップロードのボタンを押すと、 fc2宛に画像をメールで送るために携帯本体のメール送信画面に 切り替わります。 ３．そこで画像を送信すると、記事投稿完了となります。 ************************************************************ PCや携帯からブログを確認すると、 正常にサムネイル画像は記事中に表示されるのですが、 それをクリックすると、同様にサムネイル画像が表示されてしまうのです。 PCの「過去の記事の管理」画面から、HTMLをみてみると、 <a href="…s.jpg"><img src="…s.jpg" （※…部分は省略） となっていました。両方ともファイルの末尾"s"が付いています。 クリック前の画像と、クリックした後出てくる画像の両方ともサムネイル画像が使用されている状態です。 img srcに"s"が付いているのは良いのですが、a hrefの方は、"s"が付かない元画像になっていないとおかしいはずだと思いました。 確認のため、管理画面で、a hrefの方から"s"をはずすと、画像クリックでちゃんと大きな画像が出てきました。 もちろん、管理画面から毎回修正すれば問題ないのですが、手間がかかるなあと思いまして、なにか解決策がありましたら、教えて頂けないかと思い、質問させて頂きました。 もしかしたら、何か設定ミスでもしているのかも、と思いましたが、すでにどこをどう変えたかもよくわからない状態です。 よろしくお願いいたします。
- ベストアンサー
- ブログ
- サムネイル画像の表示途中でそのサムネイル画像をクリックすると後から表示されるサムネイルが表示されない。
winXP PRO IE6.0SP1です。 とあるHPを作成していますが、サムネイル画像（約100画像）をクリックすると別ウィンドウが出る様にしています。 サムネイルが全部表示される前にクリックすると小窓が出て画像は表示されますが、そこから後に出るサムネイルが表示されずフリーズしてしまいます。 <a href="javascript:void(0);" onclick="window.open('./******/***.jpg','win1','width=400,height=400');" menubar=no toolbar=no locaction=no status=no><img src="./small/***.jpg" height=50 border=0></a> 他のPCで確認しても同じ状態です。 サムネイル画像が出ている途中でその画像をクリックしてもフリーズしない方法の解除方法はありますでしょうか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- FC2（ブログ）で画像表示をせず文字とし、その文字をクリックすることで画像を見られる方法を教えてください。
ＦＣ２でブログを始めたばかりの新人です。 ご指導のほどよろしくお願いいたします。 記事を書いて、画像を多数貼り付ける場合にサムネイルではなく、例えば「画像その１」と文字だけを表示し、その文字をクリックすることで画像を見られるようにするにはタグの文字を編集すると可能ですか？ また、そのタグや方法があれば教えていたたぐとありがたいです。 初歩的な質問で大変申し訳ありません。
- 締切済み
- ブログ
- jqueryサブウィンドウにて画像切替サブ画像表示
質問お願いします。 元ページのサムネイル画像をクリックすると サブウィンドウが開き、この中でクリックした先ほどサムネイルの拡大画像を表示、他のサムネイル画像も表示し、サムネイルをクリックで拡大画像を切り替え、それぞれの画像に応じたサブ画像も表示させたいと思っています。 一番はクリックデータをサブウィンドウにもっていく方法がわかりません。 イメージで元ページ内での切替をやってみました <style> li img{width:100px;height:100px;} </style> ----jquery----- <script type="text/javascript"> $(function(){ $('li img').click( function(){ $('#main img').attr('src',$(this).attr('src')); $('#sub').text($(this).attr('title')); var postfix = '_on'; var src = $(this).attr('src'); var src_on = src.substr(0, src.lastIndexOf('.')) + postfix + src.substring(src.lastIndexOf('.')); $('#sub2 img').attr('src',src_on); }); }); </script> ---html---- <ul> <li><img src="red.jpg" title="赤"></li> <li><img src="blue.jpg" title="青"></li> <li><img src="winter.jpg" title="冬"></li> <li><img src="green.jpg" title="緑"></li> </ul> <div id="main"><img src="red.jpg" id="mainimg"></div> <p id="sub">赤</p> <p id="sub2"><img src="red_on.jpg"></p> 質問が分かりづらいかもしれませんが、よろしくお願いします。
- ベストアンサー
- JavaScript
- 有料バージョンのブログについて
livedoor blog PROをADVANCEに格上げしました。 <$BlogHeader$>と<$LDServices$>とを削除してもらうためです。 デザイン設定で、トップページ・個別記事ページ・カテゴリアーカイブ・月別アーカイブを 確認すると、確かに削除されています。 ところが、同削除がIEでは反映されているのに、Mozilla Firefoxでは反映されず、 ヘッダーにlivedoor blogのロゴ（アイコン）や検索窓が付いたままです。 同削除をMozilla Firefoxにおいても反映させる方法が知りたいのです。
- ベストアンサー
- ブログ
- FC2ブログでランダムに表示される画像の下にコメントを入れたいのですが
FC2ブログでランダムに表示される画像の下にコメントを入れたいのですが方法がわかりません。 ブログ初心者です。下記で画像をランダムに表示させることはできました。 （http://q.hatena.ne.jp/1182622592を参考） <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する img = new Array(); img[0] = "http://blog57.fc2.com/a/adobeurawaza/file/aboutlogo.gif"; img[1] = "http://blog57.fc2.com/a/adobeurawaza/file/barlogo.gif"; img[2] = "http://blog57.fc2.com/a/adobeurawaza/file/columnlogo.gif"; img[3] = "http://blog57.fc2.com/a/adobeurawaza/file/linklogo.gif"; img[4] = "http://blog57.fc2.com/a/adobeurawaza/file/tecniquelogo.gif"; n = Math.floor(Math.random()*img.length); document.write("<img src='"+img[n]+"' alt='・'>"); //--> </SCRIPT> 各画像の下にその画像についてのコメントを入れたいのですがどのようにしたらよいのか わかりません。 どうぞよろしくお願いします。
- ベストアンサー
- ブログ
- ブログ記事上でGIFアニメが動かない
知人が最近ブログでGIFアニメを載せる（スマホのアプリで動画を撮影して自動でGIFアニメにしてくれるようなものです）ようになり自分も載せてようと試していますが上手く動きません。 使用しているブログサイトはlivedoor blog（因みに知人はameba）、livedoor blogは2MB以上のGIFアニメは動かないと聞きましたのでサイズを調整して２MB以下に抑えましたが動きません。（当初6MB程度のアニメを載せようとしたところアップロードの際に、5MB以上のGIFは投稿出来ませんと表示されました） 投稿した記事のGIFアニメの保存先URLを直接見ると１度だけ再生されます。このように画像を直接開かなくても記事上で動いて欲しいのですが記事上だと動きません。（ループされないのはキャッシュがどうのと聞きましたが、これもループ出来るようにしたいです。） 画像投稿の際にサムネイルを作らないようにする、というように解説されているページもありましたが、livedoorの場合アップロード時には特に設定する項目が見当たらず、アップロードした後の設定画面でもサムネイルサイズ程度しか項目が見当たりません。 記事上に貼り付けたgifアニメのhtml等に何か追記して動くようにすることは出来ないのでしょうか？ CSSで動かす方法も１度は考えましたが、livedoorブログのCSSはPCのみでスマホバージョンの表示に対しては反映されないのでこの方法も難しいと思います。
- ベストアンサー
- Flash
- 忍者ブログでの画像の挿入について。
メールや、通常投稿で画像を挿入した際に <a target="_blank" href="画像のURL.jpg"><img border="0" alt="" src="ｈｔｔｐ://file.○.blog.shinobi.jp/Img/1234567890/" /></a> と挿入されるのですが、常にサムネイルなどを使わないで、 <img src="画像のURL.jpg"> と、画像を挿入することはできないでしょうか…。 サイムネイルなどが毎回出来て困っているのですが…。 出来ればリンクも外したいですが、あってもかまいません。 とりあえずｈｔｔｐ://file.○.blog.shinobi.jp/Img/1234567890/の部分を直接画像のURLにしたいのです。 一通り設定等は確認したのですが、知識は乏しいので、解決方法がお分かりになる方いらっしゃいましたらご回答お願いいたします＞＜
- ベストアンサー
- ブログ
お礼
意味不明の質問で、失礼いたしました。 質問を取り消します。