去網上找找jquery.LoadImage.js插件。這個插件就是針對圖片自適應的
站在用戶的角度思考問題,與客戶深入溝通,找到鎮(zhèn)平網站設計與鎮(zhèn)平網站推廣的解決方案,憑借多年的經驗,讓設計與互聯網技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網站設計、網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣、域名申請、網站空間、企業(yè)郵箱。業(yè)務覆蓋鎮(zhèn)平地區(qū)。
以下是插件使用方法
script type="text/javascript"
$(function(){
$("img").LoadImage(true,320,300,"loading.gif");//自適應開啟,寬,高,等待圖片
});
/script
第一個,給圖片加上alt標簽
圖片加上alt標簽目的就是對圖片進行相關的描述,當蜘蛛爬行到此的時候,能夠輕松的識別這張圖片的內容,所以每一張圖片一定要加上alt標簽,標簽中的描述一定要寫完整,最好是用一段短語,包含關鍵詞,增加關鍵詞的密度,提高關鍵詞的排名;
第二個,圖片不宜過大
圖片的大小非常的重要,直接影響到頁面的打開速度,太大了圖片加載非常慢,當用戶打開的時候,半天加載不出來,容易造成用戶的流失,如果圖片太小,像素太低,又不能發(fā)揮相應的效果,這個一定要結合自己的網站實際情況,設置好相關的尺寸,在上傳到網站的前,就應設置好尺寸,避免網站中調整,引起圖片變形的;
第三個,圖片的周圍一定要加上關鍵詞
雖然做了alt標簽,但是在圖片周圍加上關鍵詞,這利于蜘蛛在抓取的圖片的時候有個參考的依據,進一步提高關鍵詞的密度;
第四個,控制營銷型網站頁面圖片數量
圖片不宜過多,太多了影響到營銷型網站的體積,體積大了打開速度就沒那么流暢了,一般頁面圖片不要超過三個,這樣既發(fā)揮了圖片應有的效果,還有可以保證網頁的用戶體驗;
第五個,給自己網站圖片做好水印
圖片加上了alt標簽,有利于被搜索引擎收錄,所以必須要在自己的圖片上加上水印,當然你的用戶在搜索圖片的時候,所看到的圖片上有水印,能夠很好的宣傳企業(yè),還有見證版權,在打水印的時候一定要注意,千萬不要影響到用戶體驗,否則適得其反;
第六個,圖片一定要儲存專門的文件夾中
儲存在一個文件夾中,便于自己統(tǒng)一管理,而且這樣也有利于蜘蛛對圖片進行抓取,提高圖片的搜錄效果;
用jquery很簡單的
div?class="test_class"
test文字信息test文字信息test文字信息test文字信息test文字信息
img?src=""?alt="天海翼"
script
$(".test_class?img").load(function(){
$(this).css({"margin-left":($(".test_class").outerWidth()-$(this).width())/2+"px"})
});
/script
/div