ど~しても・・・Thickbox が使いたい!! | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

ど~しても・・・Thickbox が使いたい!!

面倒になりますが・・・・

それでもいいから

Thickbox をど~しても使いたい! ぜったいにThickbox! って~方のために・・・・


↓何もしない場合





HTMLタグを表示にして見ると↓このようになっているはずです

<a href="http://stat.ameba.jp/user_images/02/a1/10082505529.jpg " target="_blank"><img height="165" srchttp://stat.ameba.jp/user_images/02/a1/10082505529_s.jpg " width="220" border="0" /></a>



http://stat.ameba.jp  

http://ameblo.jp/public/image/displayimage.do?imagePath= に無理やり変えてしまいます

・・・以前はアメブロがこの処理を自動でやっていたんですが



<a href="http://ameblo.jp/public/image/displayimage.do?imagePath=/user_images/02/a1/10082505529.jpg " target="_blank"><img height="165" src="http://stat.ameba.jp/user_images/02/a1/10082505529_s.jpg " width="220" border="0" /></a>


imagePath=●/user_images   ←の位置にスペースとかが入らないように注意ください


すると↓こうなります



※ゲストさまと管理人のコメントを分けるのは今まで通り何もしなくても使えます

※画像情報が入っていませんので自動でやらせるのはムリでした m(_ _ )m



今回のアメブロによる変更で画像にタイトル情報が付かなくなっています

「タイトル未設定」と表示されるのを出ないようにするには

if(!myLink.innerHTML.match(/<img/i) && myLink.href != ""){ myLink.setAttribute("title"," ");} else {var myTitle = myLink.childNodes[0].getAttribute("alt"); myLink.setAttribute("title",myTitle);}}

この部分を

myLink.setAttribute("title"," ");}

このように変更してください


またタイトルをつけたい場合は

<a href="http://ameblo.jp/public/image/displayimage.do?imagePath=/user_images/02/a1/10082505529.jpg " target="_blank"><img alt="○× " height="165" src="http://stat.ameba.jp/user_images/02/a1/10082505529_s.jpg " width="220" border="0" /></a>

と、alt="○× "と、1枚ごとにタイトルを加える必要があります  タイトル名・・○×


また・・・・

逆にThickboxは、も~ぜったいに使わない!!って~方は


<link href="http://stat.ameba.jp/blog/ucs/css/common/thickbox.css " rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/editor/selectimage.js"></script >
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/common/jquery.js"></script >
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/common/thickbox.js"></script >
<SCRIPT LANGUAGE="JavaScript">
<!--
/* 80416C exlink/vjcatkick */
function enTb() {

・・・・・・・・・・・・・・・・・・・・・・

・・・・・・・・・・・・・・・

・・・・・・・・・・

フリープラグイン から赤字部分を削除してもOKです

その場合でもゲストさまと管理人のコメントを分けるのは動作します



コメントを分ける必要のない方は全部削除下さい・・・・・(ノ_・。)


////// テストです //////////////////////////