先日の、「サブタイトルをアクセス毎に違うやつをランダムで表示」に続き、今回は、タイトルバックの画像をランダム表示するようにしてみた。
実は、これ、サブタイトルの時に試した2種類の方法のうち、採用しなかった方を応用したもの。
タイトル関係のランダム表示シリーズの2つ。安定してそうなので、近日中に技を記事にする。
でも、ソースを見れば、誰でもすぐ真似できるような単純なJavaScriptなんだけど(笑)
").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),v.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(v.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1
先日の、「サブタイトルをアクセス毎に違うやつをランダムで表示」に続き、今回は、タイトルバックの画像をランダム表示するようにしてみた。
実は、これ、サブタイトルの時に試した2種類の方法のうち、採用しなかった方を応用したもの。
タイトル関係のランダム表示シリーズの2つ。安定してそうなので、近日中に技を記事にする。
でも、ソースを見れば、誰でもすぐ真似できるような単純なJavaScriptなんだけど(笑)
コメント
タイトル画像は以前から作りたいなぁと思ってはいるのですがねぇ。自前で絵をかいたり出来ませんし。
ということで、ランダムどころか一枚も表示できません。
mokekeさん江
撮りためてある愛猫の写真から、適当にみつくろってるだけですよ。
無知ですいません。
タイトル画像とは「プロフィール」のプロフィール写真とは違うのですか?
「はじめの一歩コース」でもできますかね?
できたらやりたい!
ああ、教えてくん(初心者)ですいません。
マンガーZさん江
タイトル画像とは、ページ上タイトルの所に表示させる画像です。
うちで言えば「ねこぱんち日記」ってタイトルの左にある猫の写真。
簡単に言えば、”banner”に設定した領域に貼り付ける画像のことで、実は、うちでは、このタイトル領域の背景として幅800ピクセルの横長画像を設定してます(右大半部分は白塗りの)。
まぁ、のちほど簡単にカスタマイズ方法を記事にしますね。
もちろん、はじめの一歩コースでできますよ。うちがそうですから(笑)。
そいうことだったんですね。にゃあの写真がかわるのは。
楽しいです。そして、とても可愛いです。
haghagさん江
そういうことだったのです。今はまだ、写真3枚+落書き1枚ですが、最終的には10枚くらいにはしたいなと思ってます。
でも、似たようなポーズのしかなにですよねぇ。
あぁ、発言数が表示されている
なんかうちのブラウザ、キヌガサの表示が変w
それも表示されなくなると思います。
酢鶏へ
発言数は普通表示されるよ!
で、お前もキヌガサのメンバーだったの?友達リンク希望。