jQuery.lazyload.js是一款優秀的圖片懶加載插件，可以實現在用戶滾動頁面時，延遲加載頁面中的圖片，避免頁面一開始就加載大量圖片而導致頁面加載緩慢。下面將介紹它的橫向使用方法。

首先，需要在頁面中引入jQuery庫和lazyload插件：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>

然后，在需要延遲加載圖片的img標簽上，使用data-original屬性指定待加載圖片的URL：

<img class="lazy" data-original="img/lazy.jpg">

接著，在JavaScript中，通過以下代碼啟用lazyload插件的橫向使用：

$(function() {
$("img.lazy").lazyload({
effect : "horizontal",
threshold : 200,
failure_limit : 10,
event: "click"
});
});

其中，effect屬性指定圖片加載效果，這里指定為horizontal（橫向漸顯效果），threshold屬性指定距離圖片出現在視窗的距離，failure_limit屬性指定允許加載失敗的次數，event屬性指定圖片加載觸發的事件，這里指定為click（點擊事件）。

最后，在CSS中，需要為lazyload插件所需的loading和error圖像設置相關樣式：

.lazy{background:url("img/loading.gif") no-repeat scroll 50% 50% #eee;}
.lazy_error{background:url("img/error.gif") no-repeat scroll 50% 50% #eee;}

通過以上步驟，就可以實現使用jQuery.lazyload.js插件進行圖片懶加載的橫向效果了。