web前端——曝光映像替換的N種辦法缺陷(2)

來源:互聯網
上載者:User

    昨天臨時有點事,沒寫完。不好意思,這次補上這個沒寫完的部分!接下來介紹第四個:

 

    NO.4  IFR與SIFR

 

     映像替換主要想要解決的問題是在大多數電腦上面缺少字型的解決辦法。為了將文本替換成文本的映像,MIke Davidson 和 Shaun Inman一起開創了一種更新穎的辦法。

 

     Flash允許字型內嵌swf檔案,所以它們並不把文本換成映像,而是用flash檔案替換文本。進行這一替換的方法是使用javascrip搜尋文檔,找到特定元素或者具有特定類名的元素中的所有文本。然後,javascrip將文本替換成一個小的flash檔案。接下來是真正精彩的了,看好了。這種技術並不為每段文本建立單獨的flash檔案,而是將被替換的文本放回一個重複的flash檔案中,因此,觸發映像替換所需要做的只是添加一個類,flash和javascrip會完成餘下的工作。另一個好處是flash檔案中的文本是可以搜尋的,這意味著可以輕鬆的複製它。

 

      Shaun Inman公開了他的映像替換方法,並且將它明明為IFR映像替換。IFR是一種輕量的方法。關於這個方法的細節,我不說了,大家可以去http://www.cnblogs.com/jiawl/admin/EditPosts.aspx#上找到。

 

       Mike Davidson對這個方法進行了擴充,建立了,SIFR替換方法。這個方法允許多行文本替換和改變文本字型大小。

 

       要想在網站上使用這個方法,首先需要從http://www.cnblogs.com/jiawl/admin/EditPosts.aspx#下載最新的版本。在網站上安裝sifr是非常簡單的,但應該線閱讀文檔哦。首先開啟flash檔案、嵌入希望使用的字型並且匯出視頻。為了讓sifr能夠不出現錯誤,接下來應該包含的列印和螢幕樣式。好了,現在,我們將javascrip檔案添加到希望使用sifr的每個頁面中。可以將這個檔案進行很多配置,可以指定要替換的元素、文本顏色、填充、大小寫以及其他的許多樣式屬性。完成配置後,將所有的檔案上傳到伺服器,進行測試一下,你就會發現,現在這些原本屬於文檔的部分已經變成了動態flash內容。

 

       不過有點不好的地方是:涉及頁面的載入,如果是比較大型的網站,在頁面載入時必須是要把頁面載入完成,才能夠顯示,還有可能會閃爍幾下才可能顯示這些動態文本。     

 

       雖然這個問題不會造成其他的失誤,但是還會給使用者帶來一種頁面載入速度慢的印象,所以說,這些替換技術不不太完善,奉勸大家,不要在網上看到這些替換方法,就感覺找到了自己心儀的女孩或者白馬王子一樣興奮,活族它給你帶來的不是那麼完美呢?呵呵,不過這些我就不太操心了,因為你看完這些應該有自己的心得了,要慎用,也不是完全不可用。當然,我們也可以創造出來我們自己的技術,至於要不要公開就是你自己的問題。任何東西開發出來,都不是一種死的模式,我們慢慢摸索,總能出現屬於我們自己的模式!加油哦!! 

        (喜歡學習的和想與我探討各種web知識的留下你的郵箱或連絡方式,或者跟我發郵件747850255@qq.com轉載請自覺附上轉載地址,來自部落格園“明年開奧迪”)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.