[jquery]對應電腦跟智慧型手機瀏覽器的滑動banner

我們很常會在購物網站上看到像是這樣的圖片輪撥方式來做廣告或展示。
通常這樣的方式我們會用flash或javaScript配合css來實現。但是隨著智慧型手機的普及,客戶也跟著一起升級。單純的輪撥已經不能夠被滿足,還必須更直覺的被使用!這次的要求就是希望在電腦上可以用滑鼠滑動圖片(或是網頁)就像在iphone等智慧型手機上用手指滑動一樣的效果。

從零開始做始終不是我的解決style,站在前人的肩膀上才能看的更高更遠~於是就找到了jQuery.flickSimplejsdeferred.js來做應用。

(圖片素材擷取自網路)
閱讀全文

[Titanium]在android上執行範例程式「Kitchen Sink」的錯誤

要好好學習Titanium最快的方式就是參考官方的範例程式「Kitchen Sink」。裡面有非常詳細的各種元件的使用方式。

當初在iphone上執行「Kitchen Sink」非常的順利,也不覺得有什麼大問題。但是這次要安裝到android的模擬器時,可就吃了不少了苦頭@@
問題一:

[TRACE] D/SntpClient( 62): request time failed: java.net.SocketException: Address family not supported by protocol

解決方式:

把「Kitchen Sink」資料夾下「build」資料夾的讀寫權限設給everyone

閱讀全文

[titanium]用webview結合html中的javaScript – 「スカイビュー」

東京天空樹(東京スカイツリー)就要在今年的5月22日開放了!張小建說他們系為了這個活動決定要以東京天空樹來做為一次專題的題目,希望我可以幫忙一起來做一個app。正好我也想要做一個單純用titanium的webview的app,剛好就趁此機會來試一試。原本張小建取名叫做「ソラ大冒険」,但是後來又覺得在名字放漢字有點….不是那麼帥,最後就定名「スカイビュー」!

因為時間並不多,所以我就想說先上網找一個現成的小蜜蜂遊戲來改一改在放到webview就好。很順利的找到一個經典的Space Invaders遊戲。
本來長得是這個樣子:

整合到titanium後:

閱讀全文