タンブラーの画像をランダムに並び替えるぐりもん
Tumblrのダッシュボードでfollowしてるヒトの画像を見てるのは楽しいんだけど、特にお気に入りのタンブラーで色んな画像やらコレクションを楽しみたいってこともあるんじゃないかと思う。そんなときに役に立つのがA Random Tumblrさんが公開しているTumblr Shuffle Anywhereというぐりもん。
このスクリプトはShantiさんが公開している、Tumblrのページにランダムボタンを設置するTumblr shuffle scriptをぐりもん化したもの。
ランダムで表示すると、Tumblrの面白さがもっともっと味わえる。コレは大発見じゃないかな。ダッシュボードで気に入ったヒトのタンブラーをもっと味わっちゃうと良いと思うよ。
これを入れた状態で誰かのページ(http://*tumblr.com/)にアクセスすると、左上にshuffleボタンが表示される。これをクリックするとランダムに表示されるっていう仕組み。言葉で説明するよりもやってみた方がわかりやすいので試してみて欲しい。
Santiさんの書き込み、Untitled Shanti - Tumblr Shuffle Anywhereを参考に、書き換えると左上にが表示されるようになってFollowボタンとかと統一されたデザインになるのでオススメ。
いちいちアイコンを取りに行くのはアレなので、スクリプトにアイコンをデータスキームで持たせてこんな感じで書き換えて使ってます。
--- tumblrshuffleanywhere.user.js 2008-03-04 20:08:43.417075200 +0900 +++ tumblrshuffleanywhere_new.user.js 2008-03-04 20:11:45.919500800 +0900 @@ -16,12 +16,36 @@ return; } +var ICON = 'data:image/png;base64,'+ +'iVBORw0KGgoAAAANSUhEUgAAAEYAAAAUCAYAAAAwaEt4AAAABGdBTUEAANbY1E9YMgAAABl0RVh0'+ +'U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAATYSURBVHjaYvz//z8DIyNjH8MogANgmBQB'+ +'BBAjkAYFyqfR4EABfAABxDQaBtgBQABRPWAKCgpUhkPAAAQQRlZiYWFhNDY25mNnZ4cH2ocPH35f'+ +'u3bt658/f/6jG8DPz8+ioaHBDU5/fHys27ZtSz9//vwNKyurddjUD5WsBBBAGAGjp6fHc+HChWJg'+ +'gYyi8uXLl6/d3NwWXbp06QtMrKurS7+wsNAXGJjM6CafOHHisq2t7fohGjh8AAGEkZU4OTmZ0QMF'+ +'BMTFxUWBAVYUGhoqCeLv27fPu7S0NABboICAmZmZtpycHAc2ORsbG8FFixZZT5w40RhdDpsYMQCk'+ +'Lzs7WwnGB5kPsodcMwECCCNg7ty58+3KlSu37969++jWrVsP7t+//+QvEIDzHRA8ffr0+9SpU00d'+ +'HR1NYHrev3//8ebNm/dBeqDV3X8XF5ep9+7d+45u/v79+30OHz6cBww4pdTUVJdv376VI8vn5eX5'+ +'kOoJkJkgs8zNzcGR9vbt2zwHBwdtfX19QXLNBAggjIABGvpbV1d3mYqKynx1dfWFSkpKc4GppROU'+ +'ldra2tZ9+fLlT2ZmphdM/axZs7YLCQlNAJYzi4B4wbNnz176+vrOADr2HTYLgQ42BmaxSUC1i7m4'+ +'uDqBKZQDPUZBMQ+KcXQxWAoA0bDUAWIDs78SsAy8B3TLNZA40D2CBw4cuAqMwHv4UixyCkMHAAHE'+ +'QkzogQJLQkJimrCwMOujR48KYVlt9+7dp9LT008hqwU6ci5IPT7z5syZ47Nz585r+fn5Z4FmNaLL'+ +'d3d3h7558+Y9KOHB5HNzc61PnTp178iRI0fT0tK0QCkO5HFQqgAFBEgNiA1LNSB5IHUU3eyNGze6'+ +'+Pn5WQNT+L3Y2FgXYLl51N/ffw+6OoAAIqm6BtY2CcBY5gSxvwKBl5fXDmR5UEFLKFBycnJAKYUT'+ +'lLyBHq8HJXtYSoABUEoClk+ziHETKHBAnty6detZEDsuLg4cGKAUiU09KFBAbgDJg2gQH5s6gAAi'+ +'OmDWrVvnJCsrKwVi//79+w8wZUzt7+83dnJyEkZXx8PDw4wrCaupqQmCPA1KCaAsBRLftWtXGj2r'+ +'nClTpsSCIgVE41IDEEAYWYmDg4Opvb3dAOg5NmAK+MvGxsZsaWmpoqmpqQxTExISMkdHR4cPGOLe'+ +'WVlZ/7dv334CWEi/A+phDQgIsHn48KGOvLz8VGB59BfZbFBSB6WU1atXg7LEeyi+5urqSlStAWwz'+ +'gVOrlpaWFCUBM2nSpC2gbAwqY8rLy12wqQEIIIyAAXqYB9h69cVlKCgQNm3a9PLx48fp4CTHxMTo'+ +'7e1tiawGlOeBNVSGsrLyDOTAASV1YFlxD1QrgZI/KEsBU6EkyKGEPDN58uSj0Ji2fvfu3fvXr1+/'+ +'JzdQQJEDq6lw2Q0QQBgNPBMTE77Tp08Xoiv8BwTAQnMnrLAF1lRsR48ejQZ6Xg6bwaAySFpaesLH'+ +'jx//YMtSoAIUxIaVCYOtgQcQQBgBAyofZsyYYQnsEsBTEzCGvnd2dl7C1i6JiIiQAmYfFVDKATX2'+ +'gGzbHz9+fAdW9xOBVffPodolAAggqg87AFvEPjExMbuHcKCAAwYggKgeMKBO6BDuPMIDBiCAqD7s'+ +'MAwCBQwAAohxdGgT+9AmQIABAMCgK/CNvysBAAAAAElFTkSuQmCC'; + var style = [ 'position: fixed', 'top: 3px', 'left: 3px', - 'color: #fff', - 'background-color: #000' ].join(';'); var postsPerPage = document.evaluate( @@ -44,7 +68,7 @@ var shuffleElem = document.createElement('p'); shuffleElem.className = 'shuffle'; shuffleElem.innerHTML = - '<a href="' + uri + '" style="' + style + '">Shuffle</a>'; + '<a href="' + uri + '" style="' + style + '"><img src="'+ICON+'" style="border:0;"></a>'; document.body.appendChild(shuffleElem); } } );
Santiさんのshuffleアイコンを勝手に使っています。何か問題があったらすぐに消しますので、問題がありましたらご連絡ください。
データスキーム変換は[JavaScript] dataスキームURI生成(画像データのBase64変換)でさせていただきました。