Forked from: ethertank's jQuery blrblrTumblrImage v0.1.7 View Diff (238)

jQuery huwahuwaTumhuwrImage v0.1.0

ethertank

License: MIT License

Fork
3
Fav
0
View
1898
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 249 lines
  • HTML 48 lines
  • CSS 86 lines

tumblr の "Photo" ポストをブログパーツ的に表示。画像幅は250px。

Basic

$(function() { $("対象要素のセレクタ").huwahuwaTumhuwrImage({ username: "staff", interval: 6666, num: 15 }); });

Config

  • username : 対象とする Tumblr の アカウント名文字列 (※domain か username の片方は必須)
  • domain : 対象とする Tumblr のドメイン文字列 (※domain か username の片方は必須)
  • start : 最新ポストからの取得開始位置(数値。初期値 : 0)
  • num : 取得件数(数値、初期値 : 10)
  • interval : スライドショーの実行間隔(数値。 初期値 : 6000)
  • speed : slideDown / slideUp の速度(任意の数値か "slow"、"fast"、"normal"。 初期値 : "slow")
  • tagged : 対象タグ文字列。例えば "抹茶" と指定すると "抹茶" でタグ付けされた投稿だけ表示される

Download (uncompress / minified)


タンブラの画像スライドショー。
今度はフェードイン・アウトで。

読み込む画像の中で一番縦サイズが大きいものの height を
ラッパーの高さに設定…っていうのをやりたくて、
出来たは出来たんだけど、極端に長い子がいると
縦の短い画像の時に間延びしちゃう。
まーこれはどうしようもないか。


マウスオーバーでスライドを止められなくなくなる事があるんだけど、 発動条件とか原因とか分からない。

  • jQuery huwahuwaTumhuwrImage v0.1.0
  • jQuery v1.8.3
  • jQuery huwahuwaTumhuwrImage v0.1.0
  • html5doctor.com Reset Stylesheet

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

ethertank

Author

  • Twitter
  • Github

prototype を拡張したいお年頃

個人的に今、SVGがアツい(だいぶ遅い)

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by