解決済

clip!clip!
Ads By Google

サイドバーにある「Amazon Webサービス」メニューのジャケ写だけ変更したい。

サイドバーの自分の著書のジャケ写だけ変更したいのです。ただし画像からのリンクはなしで変えたいのです。



2009-04-13 21:37の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(4)

4.

2009-04-15 03:42:07ベスト
サンプル
<div class="afbody">
<a href="http://www.amazon.co.jp/%E5%A4%A9%E6%89%8D%E3%83%90%E3%82%AB%E3%83%9C%E3%83%B3%E5%85%AC%E8%AA%8D%E5%89%AF%E8%AA%AD%E6%9C%AC-%E3%81%93%E3%82%8C%E3%81%A7%E3%81%84%E3%81%84%E3%81%AE%E3%81%A014%E6%AD%B3%E3%80%82-%7E%E3%83%90%E3%82%AB%E3%83%9C%E3%83%B3%E3%83%91%E3%83%91%E3%81%AB%E5%AD%A6%E3%81%B614%E6%AD%B3%E3%81%8B%E3%82%89%E3%81%AE%E7%94%9F%E3%81%8D%E6%96%B9%E5%93%B2%E5%AD%A6100%7E-%E8%B5%A4%E5%A1%9A-%E4%B8%8D%E4%BA%8C%E5%A4%AB/dp/4062150611%3FSubscriptionId%3D15JBHWP7TH9QYT1RMHG2%26tag%3Dtabloid007-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4062150611" target="_blank"><img src="http://image.blog.livedoor.jp/tabloid_007/imgs/a/6/a6da8611.jpg" border="0"></a><br />
<a href="http://www.amazon.co.jp/%E5%A4%A9%E6%89%8D%E3%83%90%E3%82%AB%E3%83%9C%E3%83%B3%E5%85%AC%E8%AA%8D%E5%89%AF%E8%AA%AD%E6%9C%AC-%E3%81%93%E3%82%8C%E3%81%A7%E3%81%84%E3%81%84%E3%81%AE%E3%81%A014%E6%AD%B3%E3%80%82-%7E%E3%83%90%E3%82%AB%E3%83%9C%E3%83%B3%E3%83%91%E3%83%91%E3%81%AB%E5%AD%A6%E3%81%B614%E6%AD%B3%E3%81%8B%E3%82%89%E3%81%AE%E7%94%9F%E3%81%8D%E6%96%B9%E5%93%B2%E5%AD%A6100%7E-%E8%B5%A4%E5%A1%9A-%E4%B8%8D%E4%BA%8C%E5%A4%AB/dp/4062150611%3FSubscriptionId%3D15JBHWP7TH9QYT1RMHG2%26tag%3Dtabloid007-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4062150611" target="_blank">天才バカボン公認副読本 これでいいのだ14歳。 ~バカボンパパに学ぶ14歳からの生き方哲学100~</a>
</div>

なるほど、やっと理解できました。
ありがとうございます。
たいへんたいへん助けられております。
大感謝しております!

1.

2009-04-14 03:50:35
ブラウザのメニューから「表示」~「ソース」で、自分のサイトの内容を表示して、
(EUC-JPが編集できないエディタが立ち上がる場合は、一旦名前をつけて保存をして、EUC-JPが読めるエディタで開きなおす)
例えば、「これでいいのだ14歳」で、検索すると、
Amazon Web サービスで表示されている部分の内容が以下の様に確認できます。

<div class="afbody">
<a href="http://www.amazon.co.jp/…略…" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41pTzBaGzFL._SL160_.jpg" border="0"></a><br />
<a href="http://www.amazon.co.jp/…略…" target="_blank">天才バカボン公認副読本 これでいいのだ14歳。 ~バカボンパパに学ぶ14歳からの生き方哲学100~</a>
</div>

この中で、画像の部分は、
<img src="http://ecx.images-amazon.com/images/I/41pTzBaGzFL._SL160_.jpg" border="0">
の部分なので、src="この部分が画像アドレス" のURL部分を設定したい画像のアドレスに置き換えます。

例えば、自サイトで、アップした画像のアドレスで置き換えて
<img src="http://image.blog.livedoor.jp/tabloid_007/imgs/9/1/9125d9d5-s.JPG" border="0">
にします。
そうした全体<div class="afbody">~</div>
までの内容を、プラグインの追加から、フリーエリアプラグインとして、
設定します。

プラグインの設定画面で、
フリーエリアプラグインに、タイトルをつけて
前のアマゾンのプラグインについては、非表示に設定します。
回答レベル : アドバイス

2.

2009-04-14 03:55:25
スクリプトを使った方法。

デザインのカスタマイズからトップページ(他も必要)で
</head>の前に以下の様なスクリプトを追加挿入する。
<script>
window.onload=function(){
    var papa_14 = "http://ecx.images-amazon.com/images/I/41pTzBaGzFL._SL160_.jpg";//これでいいのだ14歳
    var uso     = "http://ecx.images-amazon.com/images/I/5174N59V9YL._SL160_.jpg";//町の声はウソ
    for(var i=0;i<document.images.length;i++){
        switch(document.images[i].src){
        case papa_14: //自サイトの画像と置き換える
            document.images[i].src="http://image.blog.livedoor.jp/tabloid_007/imgs/9/1/9125d9d5-s.JPG";
            break;
        case uso:    //アマゾンの別の画像と置き換える
            document.images[i].src="http://ec2.images-amazon.com/images/I/5174N59V9YL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA240_SH20_OU09_.jpg";
            break;
        }
    }
};
</script>

動作としては、ページが読み込まれた時に、特定の画像のアドレスを置き換える。
回答レベル : アドバイス

3.

2009-04-14 04:01:44
スクリプトを使った方法2。

回答2は、ページの読み込みが終わるまで実行されないので、タイムラグがある。
また、編集しなければならないテンプレートが複数ある。

そこで、フリーエリアプラグインとして、スクリプトを挿入する。
挿入位置は、アマゾンのプラグインの後ろならどこでも良い。

何も表示されないプラグインになるのを避けるためのダミーのコメント。<br />
<script>
(function(){
    var papa_14 = "http://ecx.images-amazon.com/images/I/41pTzBaGzFL._SL160_.jpg";//これでいいのだ14歳
    var uso     = "http://ecx.images-amazon.com/images/I/5174N59V9YL._SL160_.jpg";//町の声はウソ
    for(var i=0;i<document.images.length;i++){
        switch(document.images[i].src){
        case papa_14: //自サイトの画像と置き換える
            document.images[i].src="http://image.blog.livedoor.jp/tabloid_007/imgs/9/1/9125d9d5-s.JPG";
            break;
        case uso:    //アマゾンの別の画像と置き換える
            document.images[i].src="http://ec2.images-amazon.com/images/I/5174N59V9YL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA240_SH20_OU09_.jpg";
            break;
        }
    }
})();
</script>

やっている内容は、回答2と同じ。
回答レベル : アドバイス
Ads By Google

コメント(3)

2009-04-14 23:59:02

うーん、いろいろやってみましたが、難しい。現在サイドバーの一番下にやっとこさ、似たようなレベルのところまできましたが、アマゾンがリンクしないです。
うーん、ワタシには難しすぎるのでしょうか。
回答の2、3に到っては何度読んでも理解が難しかったです。
すみません。

#2.  BLUEPIXY
2009-04-15 03:31:42

>>#1
回答は、いずれも、画像のアドレスを変更しているだけなので、
リンク先は変わらないはずですが・

質問の画像からのリンクは無し
は、リンクをさせないということですか?

#3.  BLUEPIXY
2009-04-15 03:38:41

>>#1
回答1の

http://www.amazon.co.jp/…略…
は、実際のアドレスが長くて、回答の文字数制限以内に納まらなかったので、
省略したということです。
実際のアドレスを使って下さい。
実際のアドレスは、
もとのアマゾンのリンクを右クリックして、
ショートカットのコピー(リンクのURLをコピー)でコピーして、
アドレス部分に、貼り付けて下さい。

トラックバック(2)

トラックバックURL: