ç”»åƒã‚’今風ã«ãƒ—レãƒãƒ¼ãƒ‰ã™ã‚‹jQueryプラグイン:phpspot開発日誌How to Create an Awesome Image Preloader | Nettuts ç”»åƒã‚’今風ã«ãƒ—レãƒãƒ¼ãƒ‰ã™ã‚‹jQueryプラグイン。 ç”»åƒã‚’プレãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã„ã†ã¨ã€new Image ã—ã¦src ã«æŒ‡å®šã¨ã‹CSSã§è¦‹ãˆãªã„よã†ã«ã—ã¦ãƒãƒ¼ãƒ‰ç‰ã„ã†ã®ãŒæ˜”ã¯ä¸€èˆ¬çš„ã§ã—ãŸã。 紹介ã•ã‚Œã¦ã„ã‚‹ jQueryプラグインを使ã†ã“ã¨ã§ã€ç”»åƒã®è¡¨ç¤ºä½ç½®ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’付ã‘ã¤ã¤ã€ç”»åƒãŒèªã¿çµ‚ã‚ã£ãŸã‚‰ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã¨ã„ã†ã€ä»Šé¢¨ãªæ„Ÿã˜ã§ãƒãƒ¼ãƒ‰ã§ãるよã†ã§ã™ã€‚ デモページ ç”»åƒã‚’èªã¿è¾¼ã‚“ã 後ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’指定ã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã®ã§ã€æ›´ã«ã“ã‚Œã‹ã‚‰ä½•ã‹ã‚’ã—ãŸã„ã¨ã„ã†å ´åˆã«ã‚‚便利。 関連エントリ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作る際ã«ä¾¿åˆ©ã«ä½¿ãˆãã†ãªjQueryã®ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…プラグイン37種 ã“ã‚Œã¯ã„ã„ï¼iPadテーマã®jQueryç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ ç”»åƒã«ã¼ã‹ã—効果を与ãˆã‚‰ã‚Œ
ç”»åƒè‡ªä½“ã‚’Base64エンコードã—ã¦HTML内ã«åŸ‹ã‚込んã§é«˜é€ŸåŒ–ã™ã‚‹PHPコード例:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}