jQuery Mobileã§GoogleMap APIを使ã£ãŸã‚µãƒ³ãƒ—ルãŒMITライセンスã§å…¬é–‹ã•ã‚Œã¦ãŸ - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹ã„ã„サンプルã ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã€‚ jQuery Mobileã§GoogleMap APIを使ã£ãŸ サンプルãŒã‚ªãƒ¼ãƒ—ンソースã§å…¬é–‹ã•ã‚Œã¦ ã„ã¾ã—ãŸã€‚ストリートビューãªã©ã‚‚表示ã™ã‚‹ ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚興味ã®æœ‰ã‚‹æ–¹ã¯ãƒã‚§ãƒƒã‚¯ ã—ã¦ã¿ã¦ã¯ã€‚ スマフォã«GoogleMapを表示ã•ã›ã‚‹ã®ã«ã€Google Maps JavaScript API V3ãŒå¿…è¦ã¿ãŸã„ã§ã™ãŒã€ã“れをスマフォ対応を簡略化ã™ã‚‹jQueryプラグインã€jQuery Mobileã§ä½¿ãŠã†ã€ã¨ã„ã†ã‚‚ã®ã€‚ jquery-ui-map GoogleMap APIã‚’jQuery Mobileã§ä½¿ã£ãŸã‚µãƒ³ãƒ—ルã§ã™ã€‚jquery-ui-mapã¨ã„ã†ãƒ—ラグインも使用ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚µãƒ³ãƒ—ルã¯MITライセンスã§ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã‚ˆã€‚ 以下ã€ãƒ‡ãƒ¢ã®ã‚ャプãƒãƒ£ã§ã™ã€‚ iPhone iPhoneã§ã®å®Ÿè£…状態ã§ã™ã€‚ ランドスケープ時も自動ã§æ¨ªå¹…ã‚’ã‚
jQueryã§ç”»åƒãªã©ã‚’自動ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãコンテンツスライダーをシンプルã«ä½œæˆã™ã‚‹æ–¹æ³•ï½œBLACKFLAG
先日ã€ã¨ã‚る案件ã§å¿…è¦ã«ãªã‚Šã€jQueryを使ã£ã¦ä½œæˆã—ãŸã€ コンテンツè¦ç´ を自動ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚µãƒ ãƒã‚¤ãƒ«è¦ç´ 付ãã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒ 今後も他ã§ã„ã‚ã„ã‚使ã„ã¾ã‚ã›ãã†ã ã£ãŸã®ã§ã€ã“ã“ã§ã‚‚軽ãスクリプトを紹介ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã¯å‹•ä½œã®ã‚µãƒ³ãƒ—ルã‹ã‚‰ã€‚ 指定ã—ãŸé–“隔（時間）ã§ä¸€ã¤ãšã¤ç”»åƒï¼ˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¦ç´ ）ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¾ã™ã€‚ スライド箇所ã®ä¸‹ã«ã‚µãƒ ãƒã‚¤ãƒ«ã‚’é…ç½®ã—ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã“ã¨ã§ 該当箇所ã¸ä»»æ„ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ サムãƒã‚¤ãƒ«éƒ¨åˆ†ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã„ã‚‹é–“ã¯ã€ メイン部分ã®è‡ªå‹•ã‚¹ãƒ©ã‚¤ãƒ‰ã®å‹•ä½œã¯åœæ¢ã—ã¾ã™ã€‚ ã“ã®å‹•ä½œã®å…¨ä½“構æˆã«ã¤ã„ã¦ã€ HTMLã‹ã‚‰ã€‚ â—†HTML <div id="slider_main"> <ul> <li><img src="img/photo01.jpg" width="400" height="300" alt="" /></li> <li><img sr
ã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒç°¡å˜ã«è¨ç½®ã§ãるスクリプト -Agile Carousel | コリス
一ã¤ä¸€ã¤ã®å®Œæˆåº¦ãŒé«˜ã„ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒç°¡å˜ã«è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Agile Carousel - Javascript Slideshow - Image Carousel [ad#ad-2] Agileã¯ä»¥å‰ã¡ã‚‰ã£ã¨ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ã¤ã„最近ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã®ã§æ”¹ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯jQuery UIも併用ã™ã‚‹ã‚¿ã‚¤ãƒ—ã§ã—ãŸã€‚ Agile Carouselã«ã¯ã€ä¸‹è¨˜ã®ã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚
jQueryプラグインã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ホームページを作る人ã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQuery。 今回ã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’当ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ラグインをã”紹介ã—ã¾ã™ã€‚ ※プラグインã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ １）3D表示プラグイン サンプルデモ 今年ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3D。 ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ルデモを確èªã€‚ 触ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3D表示ã•ã‚Œã¾ã™ã€‚ 呼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
BookBlock: A Content Flip Plugin - Demo 3
jQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨å£ç´™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç”¨ã‚µã‚¤ãƒˆã€ŽWALLPAPER COLLECTION for スマートフォンã€ã¤ãã‚Šã¾ã—ãŸï¼ – VIVID COLORS + BLOG -ç¦å²¡ã‹ã‚‰æ±äº¬ã«å‡ºã¦ããŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ–ãƒã‚°-
{{#tags}}- {{label}}
{{/tags}}