アフィリエイトリンクの画像のサイズを変更する方法とは？
- Seesaaでブログを開設している方がA8.netの楽天アフィリエイトリンクの画像サイズを変更する方法について教えてください。
- 質問者はリンク画像のサイズを変更するためにwidthやheightの数値を変えてみたがうまくいかなかったとのことです。
- 質問者はどのようにリンク画像のサイズを変更すればよいのかを知りたいとしています。
- ベストアンサー
アフィリエイトリンクの画像のサイズを変更するには？
現在Seesaaでブログを開設していますが、そのブログの中にA8.netにある楽天アフィリエイトリンクをA8wappenで作成しています。 そこで、質問なのですが、リンク画像のサイズを変更したいのですが、やり方がわかりません。因みにＨＴＭＬは下記のとおりです。 <a href="http://～" target="_blank"> <img border="0" alt="Click Here!" src="http://～.jpeg"></a> <img border="0" width="1" height="1" src="http://～" alt=""> 上のwidthやheightの数値を変えてみたのですが、上手くいきません。 よろしくお願いします。
- stones
- お礼率71% (72/101)
- ブログ
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
よくわからないのだが。 ３行目の意味がわかりません。 ２行目の</a>の前、いや、border="0" のあとにそのwidthやheightが必要なのではないでしょうか？
関連するQ&A
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>
- ベストアンサー
- HTML
- アフィリエイトBのアフィリコードが不安
アフィリエイトBというサービス。 http://www.affiliate-b.com/ の商品のアフィリエイトコードが、例えば以下のようになっています。 <a href="http://betones-store.com/" target="_blank"><img src="http://www.affiliate-b.com/upload_image/○○○○○○○○.jpg" width="100" height="60" style="border:none;" alt="メンズアンダーウェア" /></a><img src="http://track.affiliate-b.com/imp/○○○○○○○○/○○○○○○○○/○○○○○○○○" width="1" height="1" style="border:none;" /> 多分、個人ごとに決定されているところを「○○○○○」で隠しました。 この、aタグのリンクが普通で、あとはイメージなので、どういった仕組みで私のサイトから来たってわかるんですか？？javascriptならわかるのですが、imgだけで認識できる仕組みが良くわからないです・・・
- ベストアンサー
- インターネットビジネス
- セレクトボックスで、リンクバナーを表示するには
ブログのサイドバーがかなり長いので短くしたいと考え、リンクバナーをセレクトボックスで表示したいのです。 例えば <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img/kyoraku.gif" width="99" border="0" name="image" /> <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img_up/ms_17.gif" width="99" /> <P><a href="http://www.kyoraku.co.jp/"><img height="37" alt="kyoraku_京 楽_TOP" src="http://www.kyoraku.co.jp/img_up/ms_19.gif" width="99" /></P> この様なリンクバナーをセレクトボックスで表示する方法はないのでしょうか。 入れたいリンクバナーは、複数です。 個別リンクの許可は取ってあります。
- ベストアンサー
- JavaScript
- リンク画像の表示範囲指定の方法が知りたいです！
ＦＣ２のブログでアフィリエイトをしてます。次のような2つのリンク画像を載せる場合、余白部分をトリミング、あるいは見せないようにして詰めて表示する方法はありませんか？画像は著作権の関係で、ダウンロードして加工はできないので。 <a href="http://www.dmm.com/digital/book/-/detail/=/cid=ipapy_1-104167/" target="_blank"><img src="http://pics.dmm.com/digital/photo/1-104167/1-104167pm.jpg" alt="" border="0"></a> <a href="http://www.dmm.com/digital/book/-/detail/=/cid=ipapy_1-104167/" target="_blank"><img src="http://pics.dmm.co.jp/digital/photo/1-104167/1-104167sl.jpg" alt="" border=""></a>
- ベストアンサー
- ブログ
- 文字サイズ変更のjavascriptが動かない
現在、サイトを文字サイズ変更できるようにトライしているのですが、javascriptは全くの初心者なのでよくわかりません。 ページによって動かないので、何がいけないのかアドバイスお願いします！ 動くのは http://○○.jp/○○.html 動かないのは http://○○.jp/○○/○○.html のページです。 以下の記述は動かない方に設定しているものです。 ************* javascript ************* function imgver(num){ var element =document.getElementById("fontSize"); var writeHtml = ''; if( num == 0){ writeHtml +='<!-- --><li><a href="javascript:void(0)" onclick="font(\'16px\');imgver(0)"><img src="../common/l.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'12px\');imgver(1)"><img src="../common/m.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'9px\');imgver(2)"><img src="../common/s.png" width="25" height="26" border="0" /></a></li><!-- -->'; } else{ writeHtml +='<!-- --><li><a href="javascript:void(0)" onclick="font(\'16px\');imgver(0)"><img src="../common/l.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'12px\');imgver(1)"><img src="../common/m.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'9px\');imgver(2)"><img src="../common/s.png" width="25" height="26" border="0" /></a></li><!-- -->'; } element.innerHTML = writeHtml; } ************* html ************* <ul id="fontSize"><!-- --><li><a href="javascript:void(0)" onclick="font('16px');imgver(0)"><img src="../common/l.png" alt="大" width="25" height="26" border="0" /></a></li><!-- --><li><a href="javascript:void(0)" onclick="font('12px');imgver(1)"><img src="../common/m.png" alt="中" width="25" height="26" border="0" /></a></li><!-- --><li><a href="javascript:void(0)" onclick="font('9px');imgver(2)"><img src="../common/s.png" alt="小" width="25" height="26" border="0" /></a></li><!-- --></ul> ******************************************** 画像は表示されるのですが、全く動きません。 よろしくお願いします！
- 締切済み
- JavaScript
- jQueryで画像にリンクを張りたい
HTMLページに <img src="1.jpg" width="50" height="50" id="tes"> というタグがあるのですが、 ページが読み込まれたときに、 そのタグにaタグをつけて <a href="hoge.html" target="_blank"><img src="1.jpg" width="50" height="50" id="tes"></a> とリンクを張りたいのですが以下のような スクリプトを書いてみたのですが、 できません。 <script type="text/javascript"> $(function(){ $('<img />').append($('<a />',{ href:"hoge.html", target:"_blank" }) ) }); </script> jQueryがよくわかっていないのでめちゃくちゃなのだと思いますが、 そもそもこのように画像にaタグをつけることは可能なのでしょうか。 jQueryのバージョンは1.2.6を使っていますが、 新しいバージョンでも構いません。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 1つの画像オンマウスで3つの画像を切り替えたい！
現在、下記のような感じで一つの画像オンマウスでその画像を含む3つの画像が切り替わるようにしています。 ---------------------------------- <a href="#" onMouseOver="11111.src='a.gif';22222.src='b.gif';33333.src='c.gif'" onMouseOut="11111.src='a_01.gif';22222.src='b_01.gif';33333.src='c_03.gif'"><img src="aaaaaa.gif" alt="" width="94" height="32" border="0" name="11111" /></a> <img src="b_01.gif" alt="" width="572" height="50" name="22222" /> <img src="c_01.gif" alt="" width="96" height="32" border="0" name="33333" /> ---------------------------------- IE6だと、きちんと表示されるのですが、 Firefoxだと表示がおかしくなります。 改善方法はありませんでしょうか？ 助けてください！
- ベストアンサー
- JavaScript
- リンク先の自動変更？について
先日まで、どの質問カテゴリが適切か解からずhtmlに投稿していまいたが 回答にてjava scriptだと教えていただいたのでこちらに再投稿させて頂きます。 先日以下の様な方法でＵＲＬの変換を行っているサイトがありました。 元々のリンク先 <a href="http://aaa.bbb.ccc/xxxxx" target="_blank"><img src="00.gif" width="100" height="60" border="0"></a> ↓ 1行テキスト領域に『yyyyy』と入力し隣の変換ボタンを押す ↓ 変換されたリンク先 <a href="http://aaa.bbb.ccc/yyyyy" target="_blank"><img src="00.gif" width="100" height="60" border="0"></a> と『xxxxx』の所が『yyyyy』に変換されました。 gifの変更もなくリンク先のみ変更というのはどの様な方法なのでしょうか？ どなたかご存知の方が居ましたら方法をご教授頂きたいと思います。
- ベストアンサー
- JavaScript
- ブログにリンク画像を並べて付けたいのですが、下記のタグを入れると「※ボ
ブログにリンク画像を並べて付けたいのですが、下記のタグを入れると「※ボタンをクリックしてね」の文字と画像の間に何行かの空白が出来てしまいます。これを詰めるにはどうしたらよいでしょうか？ ※ボタンをクリックしてね <TABLE><TR> <TD><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></TD><TD> <a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></TD> </TR> </TABLE>
- ベストアンサー
- ブログ
お礼
おっしゃるとおり、widthとheightを挿入したら上手くいきました。 お礼が遅くなりまして、すみません。 ありがとうございました。