[過去ﾛｸﾞ]
【Google】Blogger.com part10 (989ﾚｽ)
【Google】Blogger.com part10 http://peace.5ch.net/test/read.cgi/blog/1345720426/
上
下
前次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
抽出解除
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
ﾘﾛｰﾄﾞ規制
です｡10分ほどで解除するので､
他のﾌﾞﾗｳｻﾞ
へ避難してください｡
695: 691 [sage] 2013/04/19(金) 07:43:24.87 ID:kaNc8umm ソースも見ず推測で答えるけど <p class="mobile-photo"> <img width="320" src="..." /> </p> っなってるの？ テンプレートのウィジェット展開して imgタグ展開のとこ弄れない？ てか弄れない場合、俺なら $('.mobile-photo').find(img).attr('width', 好きなサイズ幅); で強制的にサイズ買えちゃうかな。 って元の画像が小さいサイズだから駄目かｗ まぁそれでも var bigImage = $('.mobile-photo').find('img').parent.attr('href'); // a elemnts $('.mobile-photo').find('img').attr('src', bigImage); $('.mobile-photo').find('img').attr('width', 好きなサイズ幅); って感じにしてimg要素の画像自体をクリック後のでかい画像といれ変えちゃうかな。 http://peace.5ch.net/test/read.cgi/blog/1345720426/695
699: Trackback(774) [sage] 2013/04/19(金) 18:47:37.32 ID:PnDxrFn4 >>695 >>696 ありがとうございます。 しかし自分のHTML知識ではよく分かりませんでした。 テンプレートに記述されているのかも分かりません。 少なくとも"mobile-photo"という記述は無かったです。 ちなみに画像をメール投稿すると、記事HTMLは次のようになります。 <div class="mobile-photo"> <a href="大きい画像のアドレス"><img alt="" border="0" id="BLOGGER_PHOTO_ID_0123456789" src="サムネイル画像のアドレス" /></a> </div> http://peace.5ch.net/test/read.cgi/blog/1345720426/699
702: 695 [sage] 2013/04/19(金) 19:37:02.33 ID:kaNc8umm >>699 一画像一画像この形式になってる？ 複数画像をアップロードした場合でも <div class="mobile-photo"> <a href="..."><img src="..." /></a> </div> <div class="mobile-photo"> <a href="..."><img src="..." /></a> </div> みたいな感じになるの？ Blogspotの機能的にどうしようもないみたいだし、手間が面倒なら >>695で書いたようにjavascriptでやった方が楽じゃないかな。 アップロードする画像もめちゃくちゃでかいって訳でもないんでしょ？ 手間かけずにやるにはjQueryが楽だし、GoogleがjQueryスクリプトをホスティングしてるので それ利用して、以下のコードをテンプレートのHTMLの編集から<head>〜</head>の中にでも入れたらどうかね？ 自分の環境じゃないんで適当に書いたので、テンプレート編集する際はバックアップを忘れないでね。 <!-- JQUERY読み込み --> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ google.load("jquery", "1.6"); //]]> </script> <script type="text/javascript"> //<![CDATA[ (function(){ $(document).ready(function(){ var bigImageUrl = $('.mobile-photo a').attr('href'); // a要素のURL取得 $('.mobile-photo').find('img').attr('src', bigImageUrl); // a要素のURLと画像のURL入れ替え $('.mobile-photo').find('img').attr('width', '640px'); // 仮に幅を640px固定にする場合 }); })(); //]]> </script> http://peace.5ch.net/test/read.cgi/blog/1345720426/702
703: 695 [sage] 2013/04/19(金) 19:41:04.71 ID:kaNc8umm おおう。 なんで が入るんだよ･･･。 使う際は を全部消しておいてくれ。 http://peace.5ch.net/test/read.cgi/blog/1345720426/703
704: 695 [sage] 2013/04/19(金) 19:55:51.66 ID:kaNc8umm あっ。間違えた。 var bigImageUrl = $('.mobile-photo a').attr('href'); // a要素のURL取得 $('.mobile-photo').find('img').attr('src', bigImageUrl); // a要素のURLと画像のURL入れ替え $('.mobile-photo').find('img').attr('width', '640px');// 仮に幅を640px固定にする場合 じゃなくて、 $('.mobile-photo a').each(function(i){ var bigImageUrl = $(this).attr('href'); var imgElement = $(this).find('img'); imgElement.attr('src', bigImageUrl); imgElement.attr('width', '640px'); }); じゃないと駄目かな。 <div class="mobile-photo">以下が何個あるかわからんし。 http://peace.5ch.net/test/read.cgi/blog/1345720426/704
705: 695 [sage] 2013/04/19(金) 20:03:58.62 ID:kaNc8umm >>701 モバイルテンプレートはデフォルトの物かそれか機能自体オフかな。 見積もり50万円位でBlogspotテンプレート制作してくれる会社でも モバイルテンプレートは無効化してるとこが殆どな気がします。 モバイルテンプレートだと結局ブログ投稿しか見られないし、 静的なページとか実装やら閲覧するのが骨だし、どのみち昔はフルブラウザで 今はスマホがあるしで、PC向けページだけで事足りてるというのが現状みたいですよ。 http://peace.5ch.net/test/read.cgi/blog/1345720426/705
712: 695 [sage] 2013/04/19(金) 22:26:12.03 ID:kaNc8umm >>707 400px固定でやってみると自動でこんな感じになりますね。 http://www1.axfc.net/uploader/so/2874173.jpg 難しいも何もテンプレート編集のとこのHead要素内に以下を追加するだけですよ･･･。 <head>の次に以下のコード突っ込むだけ･･･。 <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ google.load("jquery", "1.6"); //]]> </script> <script type="text/javascript"> //<![CDATA[ (function(){ $(document).ready(function(){ $('.mobile-photo a').each(function(i){ var bigImageUrl = $(this).attr('href'); var imgElement = $(this).find('img'); imgElement.attr('src', bigImageUrl); imgElement.attr('width', '400px'); }); }); })(); //]]> </script> http://peace.5ch.net/test/read.cgi/blog/1345720426/712
714: 695 [sage] 2013/04/20(土) 00:15:46.16 ID:tJyMvXhD >>713 <div class="mobile-photo"><a href...><img.../></a></div> になってる限り、すべてに適用されるはずです(因みに上のJPGはこちらで実行してみた物です)。 もちろん追加した部分を削除すれば元に戻ります。 やってることはリンク先の画像URLを表示のIMGタグに持ってきてから IMGタグの幅を400px固定に指定してるだけです。 簡単に元に戻せるようにテンプレートのバックアップした後、試すだけ試してみたらどうでしょうか？ http://peace.5ch.net/test/read.cgi/blog/1345720426/714
ﾒﾓ帳
(0/65535文字)
上
下
前次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.045s