Hi Slider 1.0.3 - JQuery相簿工具,輕鬆製作不求人

Hi Slider 1.0.3 - JQuery相簿工具,輕鬆製作不求人

社群網路很發達,大家要傳照片真的不怕沒地方,不過若要有好看的相簿,自己製作還是最有趣的,Hi Slider 是一款使用 JQuery 的相簿製作工具,透過軟體來調整圖片的擺放、播放轉場特效,更有上下張的圖片預覽選單,不用五分鐘就可以製作出一本專業的網路相簿,若是你想要相簿與眾不同的話,這工具還內建了許多不同的範本可以套用,推薦自己試試看唷!

先給大家看看官方的 Demo:http://www.hislider.com/showcase.html

Hi Slider 製作流程

Hi Slider CSS相簿製作

第一次執行 Hi Slider 建立一個新的檔案,完成的作品也可以另存新檔,之後讀取檔案就可以直接編輯,算是頗方便的。

Hi Slider CSS相簿製作

接著要設定相簿的大小,以像素為單位,這個之後似乎無法更改,若是所設定大小覺得不好看,之後必須建立新的檔案。第二點要注意的就是占片展示的型態,分別為照片全滿、自動調整與調整圖片長寬,個人是建議第一種,這之間的差異大家實作看看就知道了,而最不建議的就是最後一種,因為會把圖片用變形,一點都沒有相簿的感覺。接下來就可以加入圖片、Youtube、vimeo 的影片,並且設定基本的資訊等等。

Hi Slider CSS相簿製作

內建了許多種的轉場效果,有些真的是簡單又好看,有些是太過華麗反而會頭暈,可以選擇都用同一種的,讓他套用到所有的相片,或是選擇用自動的方式。

Hi Slider CSS相簿製作

完成基本的設定之後就可以建立相簿了,會開始執行一些基本的設定,包含產生縮圖等等。

Hi Slider CSS相簿製作

最後會有完整的編輯畫面,可以填寫每一張相片的名稱、簡易說明,每一張相片能夠調整自己的轉場,並且可以設定點擊照片後的動作,包含了不執行任何動作、開啟網址、呼叫 Javascrit function 與使用 Light box 開啟圖片。在側邊欄可以選用 Hi Slider 內建的六種相簿模板,每一種模板都還有三到五種的風格可以套用,此外還有更進階的自己調整,稍微懂得 CSS 的人絕對可以製作出獨一無二的相簿!

我所製作的 Demo:這裡

http://www.hislider.com/

Hi Slider 1.0.3.7z(DepositFiles下載)
Hi Slider 1.0.3.7z(MediaFire下載)
Hi Slider 1.0.3.7z(Hotfile下載)
Hi Slider 1.0.3.7z(ZippyShare下載)
Hi Slider 1.0.3.7z(Hami+下載)
檔案大小:21.1 MB

Hi Slider

Hi Slider 相關文章


參考內容推薦

jQuery Image Slider Demos, jQuery Gallery Slideshow ...

Hi Slider is the most powerful free slideshow maker online. Please have a view of these awesome image slider demos created by Hi Slider, we are sure that you ...

Hi Slider - Free download and software reviews

Hi Slider is a Free jQuery&Html5 Slider. Hi Slider provides you with 6 pre-designed templates: Children, Classic, Elastic, Eris Horizontal, Full and List. Each template is designed in different style and outlook. Besides, each template includes differ

Hi Slider - Product FAQ

Hi Slider Product FAQ page, get answers if you encounter questions or problems while using Hi Slider ... top Faqs How to insert/embed the slider to your web page? Can I insert multiple image sliders into a single page? How to Embed a YouTube video gallery

hi slider manual[HiSlider.com]

Learn More: http://www.hislider.com/ ... This manual is to help you use Hi Slider to create amazing jQuery image slider with ease. The manual contains below ...

Image Banner Slider, Top Luxury Watches Photo Slider Demo

Free banner image slider, unique Swiss wathes photo slider demo, creat fantastic photo slideshow use Hi Slider. ... View our slider examples ShowCaseclick here

How can I add image carousel sider of Hi Slider into an existing web ...

Hi Slider is a powerful WordPress slider plugin which is popular in web pages over the past few years. jQuery image slider does not take up too much limited ...

Hi Slider Download, jQuery Slider Image Maker Download Free

Hi Slider download, free photo slider maker online. Download our application and set up you personal image slideshow for your blog ... Download Free Version for Window Hi Slider V1.0.3 For Windows: Hi_Slider.exe Hi Slider V1.0.4 Beta For Windows: Hi_Slide

Hi Slider - JQuery 相片展示產生器

2014-10-31 更新:版本更新至 v1.0.3 想要在網頁上面利用 JQuery 來展示多張圖片,通常需要了解 JavaScript、JQuery、CSS 等多種語法,更快速的方法,可以去參考別人寫好的 Code 來依樣畫葫蘆,若還覺得麻煩,那就來使用 Hi Slider 這套可個人免費使用的 ...

Hi Slider

Hi Slider is free for personal use and adds a discrete "Hi Slider" watermark to each image slide. ... Latest user reviews: The answer to all gallery needs, or is it?? by JamJar Sep 29, 2013 (Read all my 27 reviews) I'm used to be trained in

WOW : jQuery Slider w/o Coding

Responsive jQuery Image Slider, jQuery Gallery. Stunning visual effects and skins. Drag-n-drop slideshow maker for Mac and Windows - No hand coding!