“img標(biāo)簽添加了一個(gè)新屬性么？”，看到標(biāo)題你也許會(huì)驚奇的問。呵呵，千萬莫誤會(huì)，這只是一位國(guó)外Web設(shè)計(jì)師的主張而已。為了推銷他的想法，他建立了這個(gè)主題網(wǎng)站（你可以在這個(gè)頁面的下方簽名，表示支持），而且用Jquery插件模擬了它。他的這個(gè)想法真的很有意思，也很有意義。我這里對(duì)它的想法做個(gè)簡(jiǎn)單翻譯，略表支持。

FullSize屬性是什么？

我們?cè)诰W(wǎng)頁設(shè)計(jì)中，經(jīng)常會(huì)使用這樣一種解決方案：當(dāng)點(diǎn)擊頁面中的某否圖片時(shí)，使用Javascript/Ajax技術(shù)用彈出層等方式獲取這張圖片的原始圖片（或大尺寸圖片）。我們可以注意到，這在當(dāng)前的網(wǎng)頁設(shè)計(jì)中，尤其是圖片展示站點(diǎn)的設(shè)計(jì)中被廣泛應(yīng)用。既然這樣，為什么這項(xiàng)功能不能成為一個(gè)標(biāo)準(zhǔn)，為什么不是由瀏覽器實(shí)現(xiàn)而是讓設(shè)計(jì)師費(fèi)盡心思去設(shè)計(jì)。所以我建議能夠在img標(biāo)簽中添加一個(gè)fullsize屬性，可以用來指定”src”中圖片的大尺寸圖片，瀏覽器可以原生支持點(diǎn)擊圖片時(shí)彈出大尺寸的圖片。

我希望這樣一個(gè)提議能夠得到W3C組織的關(guān)注，在下一個(gè)html版本中的img標(biāo)簽中添加fullsize屬性，從而使他成為一個(gè)標(biāo)準(zhǔn)。我認(rèn)為這絕不僅是一個(gè)貌似好聽的主意，它將對(duì)Web設(shè)計(jì)師有很大的幫助。如果你有什么好的想法或更好的建議，可以在Fullsize Google Group中討論。

關(guān)于Fullsize屬性設(shè)想的一些問答

-為什么要添加Fullsize屬性，而不是用Javascript實(shí)現(xiàn)？

Fullsize屬性是希望這樣一個(gè)常用功能能夠輕松實(shí)現(xiàn)。當(dāng)我們想實(shí)現(xiàn)這個(gè)功能時(shí)，僅僅是記住在img標(biāo)簽中加入fullsize屬性就可以了。當(dāng)然，如果你不愿意使用fullsize屬性，你也可以自己用Javascript實(shí)現(xiàn)。

-如果Javascript被禁用，fullsize屬性會(huì)不會(huì)失效？

我的建議是fullsize屬性可以得到瀏覽器的原生支持，所以它與Javascript是否禁用是不相干的。

-我不需要瀏覽器加入這樣的功能，因?yàn)槲覍?duì)圖片的彈出樣式無法控制？

如果fullsize屬性可以加入到下個(gè)版本的html中，它也應(yīng)當(dāng)能得到css的支持。如果你不喜歡瀏覽器這樣去實(shí)現(xiàn)你也可以自己使用Javascript實(shí)現(xiàn)。雖然能夠得到css的支持會(huì)更好些，但我認(rèn)為它并不是十分必要。

模擬這一想法的jQuery插件

盡管這一想法目前還不能通過html實(shí)現(xiàn)，不過我創(chuàng)建了一個(gè)jquery插件可以實(shí)現(xiàn)它。因?yàn)槟壳癷mg標(biāo)簽中沒有fullsize屬性，我使用longdesc（不知道img中的longdesc屬性？了解一下）來代替它。longdesc是img標(biāo)簽的合法屬性，它原本是用來指向一個(gè)圖片詳細(xì)描述的url。這款Jquery插件非常容易就可以上手的，而且它在Safari,Firefox,Chrome,IE8,IE7,IE6中都測(cè)試通過。

下載這款插件：Fullsize Jquery Plugin [大小：23.59 KB - 下載次數(shù)：125]

它的壓縮版本僅有8kb！注釋版本是12kb。如何使用它：

1.   下載插件后，引用插件包中的js和css文件（當(dāng)然，在這之前你要引用jquery代碼文件），如下：

<link href="your_path_here/fullsize/fullsize.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/Javascript" src="your_path_here/fullsize/jquery.fullsize.js"></script>        

        

        
        
      
        
it知識(shí)庫：FullSize：一個(gè)新的IMG標(biāo)簽屬性（附帶jQuery實(shí)現(xiàn)），轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。