Merge pull request #26 from pboivin/feat/add-js-config-option

feat: Add `js` config option

README.md

@@ -90,6 +90,8 @@ In a Blade file.
 <script src="{{ asset('/twill-image.js') }}"></script>
 ```
 
+The JavaScript module is not required. If you prefer to rely only on the browser's native `loading` attribute, set the [`js` config option](#list-of-options) to `false`.
+
 
 ## Usage
 
@@ -407,6 +409,7 @@ See [above section](#preset) about the `preset` method.
 |`background_color`|`string`|`#e3e3e3`|   |
 |`lqip`|`boolean`|`true`|Uses Twill LQIP method to generate responsive placeholder|
 |`webp_support`|`boolean`|`true`|If set to `false`, the `type` attribute is omitted from `<source>` elements|
+|`js`|`boolean`|`true`|If set to `false`, lazy-loading will simply rely on the image's `loading` attribute|
 |`presets`|`object`|   |   |
 
 ## Art directed images

config/twill-image.php

@@ -33,6 +33,16 @@
     */
     'webp_support' => true,
 
+    /*
+    |--------------------------------------------------------------------------
+    | Enable JavaScript
+    |--------------------------------------------------------------------------
+    |
+    | Tells if the JavaScript module should be used.
+    |
+    */
+    'js' => true,
+
     /*
     |--------------------------------------------------------------------------
     | Image Presets

src/Services/ImageStyles.php

@@ -150,7 +150,7 @@ public function main($loading = 'eager')
             $style['background-color'] = $this->backgroundColor;
         }
 
-        $style['opacity'] = $loading === 'lazy' ? 0 : 1;
+        $style['opacity'] = (config('twill-image.js') && $loading === 'lazy') ? 0 : 1;
 
         return $this->implodeStyles($style);
     }