Javascriptで無理やりpixivのR-18込みスライドパーツ作成してみた

pixivのブログパーツがR-18非対応の件について、R-18タグは無条件で排除されちゃうしょんぼりな仕様なんとかならなかなーとおもっていたんですが、よく考えたらpixivブログパーツっていうくらいだからそもそもpixivブログ用なわけで、ブログを見る人間は認証必要ないからR-18タグを排除するっていうのはまぁしかたないのかなとも思った。

費用対効果的においしいとは思わないけど、プレミア会員ならR-18もOKよとかやってほしいなぁ

で、なんとか無理やりにでもR-18タグがついているやつが表示できるようにJavascriptなんぞを使用して作ってみました。

あ、ちなみにこのページ「徒然ぷぅ」で使ってるのは普通に提供されてるR-18タグ無視のやつですよ

 

で、わたしはこんな感じにやりましたという報告なのです

まずはこんな感じの"pixiv.js"ファイルを用意して

以下"pixiv.jp"ファイルの内訳、実際には「数字:」の部分はないよ


1

pixivlist = new Array(
2 '<iframe style="background:transparent;" width="380" height="168" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://embed.pixiv.net/code.php?id=6277205_7a74fdc7b34a5fe968e5f52fc481b01d"></iframe>',
3 '<iframe style="background:transparent;" width="380" height="168" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://embed.pixiv.net/code.php?id=6049317_19b1c593f1806e34128816d0584b8401"></iframe>',
4 '<iframe style="background:transparent;" width="380" height="168" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://embed.pixiv.net/code.php?id=6049317_19b1c593f1806e34128816d0584b8401"></iframe>',
5 '<iframe style="background:transparent;" width="380" height="168" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://embed.pixiv.net/code.php?id=5916170_b07d34c0086083b495921c8a3c3d6b70"></iframe>',
6 '<iframe style="background:transparent;" width="380" height="168" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://embed.pixiv.net/code.php?id=5898212_5e5083759029d171dde39cb29157410e"></iframe>'
7 );
8
9 function rnd2(){
10 b=Math.floor(Math.random()*pixivlist.length);
11 result=pixivlist[b];
12 return result;
13 }
14
15 function pixivgrf(){
16 var obj=document.getElementById('pixiv');
17 obj.innerHTML=obj.innerHTML.split(obj.innerHTML).join(rnd2());
18 setTimeout("pixivgrf()",8000)
19 }

2行目から6行目がpixivのページからひたすらコピペコピペでつくるリスト、本当はsrcの中身だけもってくるのが楽なんだけども、今後の追加作業とか考えてまーこれでいいかなと思ってる。実際には180件ほど登録して50KBくらいで200行超えてる感じすがwまぁ許容量ということで(;´Д`)

ちなみにiframeタグのコピーを一覧でとりあえず作る→置換して「'」「,」をさくっと追加が楽かと思います。

18行目のsetTimeout("pixivgrf()",8000)の8000って数字の部分はmsecで切り替えの秒数を指定してます、お好みで数字変えてくださいませ。(ちなみにスーパーマリオ無敵時間基準でかんがえて読み込みラグ考えて8秒にしたんだぜ)

 

 

作った"pixiv.js"を適当な場所にあっぷ、私の場合は"http://www.ajoea.jp/"におきました。

 

で、設置したいHTMLの<head>と</head>との間に


<script type="text/javascript" src="http://www.ajoea.jp/pixiv.js"></script>


を追加して(src=""のURLは"pixiv.js"を置いたURLです)

 

最後に表示したい場所に


<div id="pixiv">
<script type="text/javascript" charset="utf-8">pixivgrf();</script>
</div>


 を記述すれば完成なのでござる

 

はみ出たり、表示がずれたりする場合はスタイルシートをいじれば何とかなるよ!(と思うよ!)

あと、「id="pixiv"」がかぶるよ!って人は任意のidでOK、その場合は"pixiv.js"の16行目、getElementById('pixiv');の「pixiv」ってのも一緒に変更してくださいな

 

 

こっから蛇足、こっからも蛇足、はじめの文?蛇足だよ?(゚∀゚)

ほんとはflashでつくろうかなとか思ってたんだけども外部取り込みとか勉強するのが面倒くさいなーとか

javascriptでMTで作ったリンク用のサイト記事からランダムバナー用のテーブル(テーブルというほど立派なものではないですが)作ってランダム表示させるってのは前やってたのでそれに時限切り替えつければいいんじゃねぇ?と軽い気持ちでスタート

とりあえず、pixivで提供されてるEmbed:の部分をサイドバーに埋め込んでみる。

はみ出て表示くずれるかなーと思ってたんだけども、そうでもなかった、これは楽チンかもと思う。(当方、sleipnir使用IEエンジンなのでもしかしたら他の環境だとだだ崩れかもしれません。崩れてんぞゴラとかあったら教えてくれるとうれしいです)

で、setTimeOut()とかいう関数が楽そうと考えてちょこちょことスクリプト修正♪(グーグル先生の紹介先さまは半端ないですわ)

テストなのでとりあえず2秒くらいで変わるように設定!さくっと切り替わる(゚∀゚)

(゚∀゚)......

(゚∀゚)<画面全体がpixivの画像だけになったよ......

グーグル先生に質問しまくって「どきゅめんとどっとらいとでやってんんおwwwwうはwwww」と原因をつきとめる

idとか、innerHtmlとかでできそうと推測(きちんとした知識なしでやってるんで手探りなのです)

なんとかなりましたー(;´Д`)ゞ

まーとにかくpixivのiframeタグのコピペがだらだらと面倒くさかったですw

そんな感じです。

P.S.なんかこの記事「波打つ伸ばす記号」が「?」に文字化けするうううorz

最近のブログ記事

カテゴリ

ウェブページ

etc

Pixiv

Powered by Movable Type 5.01