jQuery外掛實作大圖全螢幕圖片相簿_jquery

大圖全螢幕圖片相簿jQuery插件，支援左右按鈕切換以及點擊大圖自動切換圖片，基於jQuery插件jQuery.album.js，插件支援參數自訂功能，viewMode：0沒有縮圖1有縮圖  2縮圖。全螢幕。可以對圖片進行左右轉，具體的參數大家可以查看jQuery.album.js文件，總之效果很不錯，喜歡的朋友可學習下

複製程式碼 程式碼如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

 

 

 

   

     

   

   

 

 

   

     

     

   

   

<br>             <li><br>      <div> <img alt="JS相册特效" src="images/tiny/20140121161108.JPG" onload="scaleImage(this,99,75)"></div><br>       <p></p><br>       <i class="dn">images/20140121161108.JPG</i><br>       <i class="dn imgAlt"></i><br>       </li><br>             <li><br>      <div> <img src="images/tiny/20140121161130.jpg" onload="scaleImage(this,99,75)" alt=""></div><br>       <p></p><br>       <i class="dn">images/20140121161130.jpg</i><br>       <i class="dn imgAlt"></i><br>       </li><br>             <li><br>      <div> <img src="images/tiny/20140121161152.jpg" onload="scaleImage(this,99,75)" alt=""></div><br>       <p></p><br>       <i class="dn">images/20140121161152.jpg</i><br>       <i class="dn imgAlt"></i><br>       </li><br>             <li><br>      <div> <img src="images/tiny/20140121161231.JPG" onload="scaleImage(this,99,75)" alt=""></div><br>       <p></p><br>       <i class="dn">images/20140121161231.JPG</i><br>       <i class="dn imgAlt"></i><br>       </li><br>             <li><br>      <div> <img alt="JS相册特效" src="images/tiny/20140126134637.jpg" onload="scaleImage(this,99,75)"></div><br>       <p></p><br>       <i class="dn">images/20140126134637.jpg</i><br>       <i class="dn imgAlt"></i><br>       </li><br>             <li><br>      <div> <img alt="JS相册特效" src="images/tiny/20140121181958.jpg" onload="scaleImage(this,99,75)"></div><br>       <p></p><br>       <i class="dn">images/20140121181958.jpg</i><br>       <i class="dn imgAlt"></i><br>       </li><br>             <li><br>      <div> <img alt="JS相册特效" src="images/tiny/20140121182023.jpg" onload="scaleImage(this,99,75)"></div><br>       <p></p><br>       <i class="dn">images/20140121182023.jpg</i><br>       <i class="dn imgAlt"></i><br>       </li><br>             <li><br>      <div> <img alt="JS相册特效" src="images/tiny/20140121182118.jpg" onload="scaleImage(this,99,75)"></div><br>       <p></p><br>       <i class="dn">images/20140121182118.jpg</i><br>       <i class="dn imgAlt"></i><br>       </li><br>

                   

                       

                            花嫁丽舍私人婚礼会所（世博店）档期查询
 
                       

                       

                            即将为你查询：2014年01月24日的婚宴档期情况

                            请输入手机号码，便于接受酒店实时档期信息！
                       

                       

                           

                                请输入手机号
                           

                       

                       

您的重要信息不会被泄露  详见隐私条约

                       

                       
                       
                       
                       
                       ,            
                       
                       
                  
                  
                  

函數scaleImage(o, w, h) {
    var img = new Image();
    img.src = o.src;
    if (img.width > 0 && img.height > 0) {
        if (img.width / img.height >= w / h) {
            if (img.width > w) {
                o.width = w;
                o.height = (img.height * w) / img.width;
            } 其他 {
                o.width = img.width;
                o.height = img.height;
            }
           // o.alt = img.width "x" img.height;
        } 其他 {
            if (img.height > h) {
                o.高度 = h;
                o.width = (img.width * h) / img.height;
            } 其他 {
                o.width = img.width;
                o.height = img.height;
            }
            //o.alt = img.width "x" img.height;
        }
    }
}
腳本>

身體>

相關標籤：

jquery

來源：php.cn

上一篇：純javascript實作簡單下拉刷新功能_javascript技巧 下一篇：JavaScript中的this關鍵字使用方法總結_javascript技巧

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章

• 貝萊德將比特幣標記為獨特的多元化工具
  2024-09-20 15:51:33
• Internet Computer (ICP) Price Prediction: Will ICP Price Hit $24?
  2024-09-20 15:47:32
• 世界幣 (WLD) 價格預測 2022-23
  2024-09-20 15:45:32
• Top Meme Coins to Invest In Today
  2024-09-20 15:39:32
• Floki (FLOKI) Price Prediction: Will the Revamped Marketing Help Floki Catch Up on October Gains?
  2024-09-20 15:38:32
• Next Cryptocurrency to Explode: 5 Coins to Add to Your Watchlist
  2024-09-20 15:27:32
• Dogecoin: From an Internet Meme to a Digital Currency with a Billion-Dollar Market Capitalization
  2024-09-20 15:26:32
• ZChains 推出一系列令人興奮的更新和發布，以增強其生態系統
  2024-09-20 15:12:32
• 如何下载小狐狸支付平台的Apple版本
  2024-09-20 14:53:01
• 新手如何在MetaMask进行交易及优缺点
  2024-09-20 14:51:01

最新問題

使用 Javascript / Jquery 提交表單且不含按鈕 我試圖透過呼叫JavaScript函數並使用JQUERY/PHP執行表單來提交沒有按鈕的表單。我希望表單在後端靜默執行，而無需重新載入頁面。不幸的是，它不斷傳回JavaScript...

來自於 2024-04-06 14:54:03

0

2

421

如何使用 jquery 檢索 HTML 資料表中未選定行的值 我試圖獲取所有未單擊按鈕的行的值。例如，當我單擊第一行上的按鈕時，我想檢索沒有單擊的行的值。 vartable=document.getElementById("all_...

來自於 2024-04-05 09:26:49

0

1

1418

需要一個 jquery 腳本，根據最終用戶的當前選擇從選擇框中移動選定的選項 我有一個HTML頁面，最終用戶可以透過選擇框元素對我們的項目進行排名。請參閱小提琴來觀看簡單的演示：https://jsfiddle.net/Balkanlii/ghecv1j8/...

來自於 2024-04-04 18:40:04

0

1

3528

我已經透過書籤在純 CSS 中創建了一個元素。它已創建，但不可見 我的程式碼如下：g=document.createElement('div');g.setAttribute("id","divcontainer&q...

來自於 2024-04-04 17:27:27

0

1

417

在 Safari/Firefox iOS 上無法傳送表單數據 這適用於除iOS上的Safari/Firefox之外的所有平台：jQuery("#gform_1").one('submit',function(event){...

來自於 2024-04-04 12:53:48

0

1

303

相關專題

更多>

• jquery插件有哪些
• jquery怎麼操作json
• jquery刪除元素的方法
• jQuery hover()方法的使用
• jquery實作分頁方法
• jquery中隱藏元素是什麼
• jquery中什麼是高亮顯示
• 批次腳本bat寫法