JS實現點擊圖片放大,再點擊縮小

廣西seo 1921 0

此方法可以完美解決,百度移動落地頁檢測時出現:您的頁面可能存在圖片不可全屏查看、全屏后不能放大縮小、不可以滑動等問題,用這個方法不需要給原來的圖片加鏈接加Class,如果給圖片加鏈接加Class那就太麻煩,已經存在的內容改起來麻煩,此方法親測有效,小江SEO博客就是用這個方法,可以在本站點擊圖片測試測試。接下來用最簡單的方法告訴大家怎樣操作,按流程操作即可。

JS實現點擊圖片放大,在點擊縮小 第1張圖片

1、點擊圖片放大代碼

<script src="http://www.efhamarandsienna.com/zb_users/script/jquery-2.2.4.min.js" type="text/javascript"></script>

<script?src="http://www.3dy3.com/js/show.js"></script>

把這兩段代碼加到</boby>前面,如下圖所示:

JS實現點擊圖片放大,在點擊縮小 第2張圖片

注意:如果網站有jquery可以不用加第一段代碼,本站測試用jquery2.2.4沒問題,不知道其他的版本的jquery可以不可以,如果不可以換成2.2.4就可以了。(看不懂這段的,請忽略這句,直接加上面兩段代碼就可以了)

代碼是調用小江SEO博客的文件,如果需要用自己的鏈接,自己下載上傳即可,文件沒有加密。

2、改內容頁代碼

在模板里找到內容頁,然后在文章正文前面一個的div里加上id="yxjj_list"

一般來說需要放大的圖片都是在內容頁吧,其他的首頁和分類頁基本都用不上圖片放大功能。如果首頁和分類頁也需要加圖片放大功能,按照這個的流程操作也一樣,就是id="yxjj_list"放的位置不一樣而已。

比如:<div class="art-content"></div>標簽里的所有圖片都需要放大,那我就改成了<div class="art-content" id="yxjj_list">

如下圖所示:

JS實現點擊圖片放大,在點擊縮小 第3張圖片

3、點擊圖片放大總結

對于會改網站模板的人來,這個方法肯定是非常方便的。對于新手來說,可能需要一定的時間去研究了。

這個方法肯定比不上插件方便,但是插件的文件太大,放了一推JS,還把圖片代碼給改了,我一點也不喜歡。況且有一些網站程序還沒這方面的插件。

最后注意一點:這個圖片放大功能還需要用到class="footer",好多網站代碼基本都是有class="footer"(自己在源代碼搜索下),如果沒有,在footer里面加個class="footer"就可以了,如下圖所示:

JS實現點擊圖片放大,在點擊縮小 第4張圖片

可能有一些人會覺得難,總比去扒別人網站強吧。就3點:加JS代碼,加id="yxjj_list",加class="footer"

標簽: JS 圖片

評論列表

 暫無“JS實現點擊圖片放大,再點擊縮小”評論,快來搶沙發吧

發表感想

免费A级毛片av无码