200706122204TripTracker slideshow

 

T

ripTracker slideshow 的 JavaScript 非常簡明易用 , 不費吹灰之力便可在自己的部落格裡放置酷炫的相片瀏覽器 , 效果一點都不輸大站的相片瀏覽程式 .

進階的語法以後慢慢再學 , 先看最簡單的用法 :

先將上面的 JavaScript 全部複製到 blog 文件中 "HTML 原始碼" 中 , 然後將 "viewer.add('/photos/my-photo-1.jpg');" 裡的 "/photos/my-photo-1.jpg" 替換為自己相片的絕對路徑 , 一張相片寫一行 , 每張相片絕對路徑的單引號及行末的分號不可刪掉 ! 最後一行中的 slideshow 可替換其他的文字 , 亦即最後顯現的超連結文字是也 .

先將上面的 JavaScript - 從<script type="text/javascript" 到 "</script>" 為止的部分 , 複製到 blog 文件中 "HTML 原始碼" 中 - 任何一個位置都可以 , 然後將 "viewer.add('/photos/my-photo-1.jpg');" 裡的 "/photos/my-photo-1.jpg" 替換為自己相片的絕對路徑 , 一張相片寫一行 , 每張相片絕對路徑 前後的單引號及行末的分號不可刪掉 !

最後一行<a href="javascript:void(viewer.show(0))">Slideshow</a> 是超連結文字的語法 , 可以放在文件的任何一個地方  .

請點選 哲學之道相片集 觀看效果 .

 

回應
Google for Nothing
Translator
Translated by Google or Bing
累積 | 今日
loading......
訂閱本站
feedburner RSS
輸入您的 E-Mai l訂閱本站新文件:

遊來遊去幽閑鼓吹萬花筒子自在生活土耳其之旅麵包民俗聊法土耳其京都之旅伊斯坦堡歡樂工場印度之旅字詞閒畫家常憲政記憶轉角中華民國憲法blog技術SAX 練習簿馬謖之死食在好吃孔子我的網路線上字典夏普水波爐線上翻譯台東綠島之旅2014京阪神讀書筆記Windows Live Writer法國之旅寫啥尛說Google228GF1wiiVAIO PFirefoxXuiteWindows 7字說字畫攝事未深底片掃瞄馬的異想世界全部文件拜占庭小林Google 雲端硬碟下茄荖more





Powered by Xuite
Flag Counter
176different countries
have visited this site.free counters