@@ -190,7 +190,7 @@ <h3>Image with LQIP technique</h3>
190
190
< div class ="col-sm-12 ">
191
191
< div class ="thumbnail ">
192
192
< div class ="intrinsic ">
193
- < img alt ="Desert Road " data-src ="https://farm6.staticflickr.com/5531/9638435181_7e3e44c2b8_b .jpg " class ="lazyload no-src " />
193
+ < img alt ="Desert Road " data-src ="https://i.picsum.photos/id/1071/1920/1440 .jpg " class ="lazyload no-src " />
194
194
</ div >
195
195
196
196
< div class ="caption ">
@@ -242,18 +242,18 @@ <h3>responsive image with srcset and sizes attribute</h3>
242
242
< picture >
243
243
<!--[if IE 9]><audio><![endif]-->
244
244
< source
245
- data-srcset ="//lorempixel.com/710/533/people/9/ "
245
+ data-srcset ="https://i.picsum.photos/id/1048/1200/900.jpg "
246
246
media ="(max-width: 990px) " />
247
247
< source
248
- data-srcset ="//lorempixel.com/930/698/people/8/ "
248
+ data-srcset ="https://i.picsum.photos/id/1055/1440/1080.jpg "
249
249
media ="(max-width: 1024px) " />
250
250
251
251
< source
252
- data-srcset ="//lorempixel.com/1130/848/people/ " />
252
+ data-srcset ="https://i.picsum.photos/id/103/1440/1080.jpg " />
253
253
<!--[if IE 9]></audio><![endif]-->
254
254
< img
255
255
class ="lazyload "
256
- data-src ="//lorempixel.com/930/698/people/8/ "
256
+ data-src ="https://i.picsum.photos/id/1055/1440/1080.jpg "
257
257
alt ="image with artdirection " />
258
258
</ picture >
259
259
</ div >
@@ -417,12 +417,12 @@ <h3><code>[data-expand]</code>: More than lazyloading</h3>
417
417
418
418
< div class ="item ">
419
419
< div class ="intrinsic ">
420
- < img alt ="100%x200 " src ="https://farm1.staticflickr.com/113/284651694_69e63b374d_m .jpg "
420
+ < img alt ="100%x200 " src ="https://i.picsum.photos/id/1031/300/225 .jpg "
421
421
data-sizes ="auto "
422
- data-srcset ="https://farm1.staticflickr.com/113/284651694_69e63b374d_m .jpg 240w ,
423
- https://farm1.staticflickr.com/113/284651694_69e63b374d .jpg 500w ,
424
- https://farm1.staticflickr.com/113/284651694_69e63b374d_z .jpg?zz=1 640w ,
425
- https://farm1.staticflickr.com/113/284651694_69e63b374d_o .jpg 800w "
422
+ data-srcset ="https://i.picsum.photos/id/1031/300/225 .jpg 300w ,
423
+ https://i.picsum.photos/id/1031/600/450 .jpg 600w ,
424
+ https://i.picsum.photos/id/1031/1024/768 .jpg 1024w ,
425
+ https://i.picsum.photos/id/1031/1440/1080 .jpg 1440w "
426
426
class ="lazyload " />
427
427
</ div >
428
428
< div class ="carousel-caption ">
@@ -670,7 +670,7 @@ <h3>Widgets/Javascript/Script</h3>
670
670
< div class = "intrinsic" >
671
671
< img
672
672
class = "lazyload no-src"
673
- data-src = "//lorempixel.com/400/300/abstract/1/ "
673
+ data-src = "https://i.picsum.photos/id/1031/460/345.jpg "
674
674
alt = "" />
675
675
</ div >
676
676
</ div >
@@ -679,7 +679,7 @@ <h3>Widgets/Javascript/Script</h3>
679
679
< div class = "intrinsic" >
680
680
< img
681
681
class = "lazyload no-src"
682
- data-src = "//lorempixel.com/400/300/animals/1/ "
682
+ data-src = "https://i.picsum.photos/id/1059/460/345.jpg "
683
683
alt = "" />
684
684
</ div >
685
685
</ div >
@@ -688,7 +688,7 @@ <h3>Widgets/Javascript/Script</h3>
688
688
< div class = "intrinsic" >
689
689
< img
690
690
class = "lazyload no-src"
691
- data-src = "//lorempixel.com/400/300/business/1/ "
691
+ data-src = "https://i.picsum.photos/id/1062/460/345.jpg "
692
692
alt = "" />
693
693
</ div >
694
694
</ div >
@@ -700,7 +700,7 @@ <h3>Widgets/Javascript/Script</h3>
700
700
< div class = "intrinsic" >
701
701
< img
702
702
class = "lazyload no-src"
703
- data-src = "//lorempixel.com/400/300/cats/1/ "
703
+ data-src = "https://i.picsum.photos/id/1065/460/345.jpg "
704
704
alt = "" />
705
705
</ div >
706
706
</ div >
@@ -709,7 +709,7 @@ <h3>Widgets/Javascript/Script</h3>
709
709
< div class = "intrinsic" >
710
710
< img
711
711
class = "lazyload no-src"
712
- data-src = "//lorempixel.com/400/300/city/1/ "
712
+ data-src = "https://i.picsum.photos/id/1069/460/345.jpg "
713
713
alt = "" />
714
714
</ div >
715
715
< / d i v >
@@ -718,7 +718,7 @@ <h3>Widgets/Javascript/Script</h3>
718
718
< div class = "intrinsic" >
719
719
< img
720
720
class = "lazyload no-src"
721
- data-src = "//lorempixel.com/400/300/food/1/ "
721
+ data-src = "https://i.picsum.photos/id/1072/460/345.jpg "
722
722
alt = "" />
723
723
</ div >
724
724
</ div >
@@ -729,7 +729,7 @@ <h3>Widgets/Javascript/Script</h3>
729
729
< div class = "intrinsic" >
730
730
< img
731
731
class = "lazyload no-src"
732
- data-src = "//lorempixel.com/400/300/nature/1/ "
732
+ data-src = "https://i.picsum.photos/id/1074/460/345.jpg "
733
733
alt = "" />
734
734
</ div >
735
735
</ div >
@@ -738,7 +738,7 @@ <h3>Widgets/Javascript/Script</h3>
738
738
< div class = "intrinsic" >
739
739
< img
740
740
class = "lazyload no-src"
741
- data-src = "//lorempixel.com/400/300/sports/1/ "
741
+ data-src = "https://i.picsum.photos/id/110/460/345.jpg "
742
742
alt = "" />
743
743
</ div >
744
744
</ div >
@@ -747,7 +747,7 @@ <h3>Widgets/Javascript/Script</h3>
747
747
< div class = "intrinsic" >
748
748
< img
749
749
class = "lazyload no-src"
750
- data-src = "//lorempixel.com/400/300/technics/1/ "
750
+ data-src = "https://i.picsum.photos/id/111/460/345.jpg "
751
751
alt = "" />
752
752
</ div >
753
753
@@ -759,7 +759,7 @@ <h3>Widgets/Javascript/Script</h3>
759
759
< div class = "intrinsic" >
760
760
< img
761
761
class = "lazyload no-src"
762
- data-src = "//lorempixel.com/400/300/nightlife/1/ "
762
+ data-src = "https://i.picsum.photos/id/116/460/345.jpg "
763
763
alt = "" />
764
764
</ div >
765
765
</ div >
@@ -768,7 +768,7 @@ <h3>Widgets/Javascript/Script</h3>
768
768
< div class = "intrinsic" >
769
769
< img
770
770
class = "lazyload no-src"
771
- data-src = "//lorempixel.com/400/300/fashion/1/ "
771
+ data-src = "https://i.picsum.photos/id/122/460/345.jpg "
772
772
alt = "" />
773
773
</ div >
774
774
< / d i v >
@@ -777,7 +777,7 @@ <h3>Widgets/Javascript/Script</h3>
777
777
< div class = "intrinsic" >
778
778
< img
779
779
class = "lazyload no-src"
780
- data-src = "//lorempixel.com/400/300/people/1/ "
780
+ data-src = "https://i.picsum.photos/id/1031/460/345.jpg "
781
781
alt = "" />
782
782
</ div >
783
783
</ div >
@@ -790,23 +790,23 @@ <h3>Widgets/Javascript/Script</h3>
790
790
< div class = "intrinsic" >
791
791
< img
792
792
class = "lazyload no-src"
793
- data-src = "//lorempixel.com/400/300/transport/1/ "
793
+ data-src = "https://i.picsum.photos/id/134/460/345.jpg "
794
794
alt = "" />
795
795
</ div >
796
796
</ div >
797
797
< div class = "thumbnail thumbnail-small lazyload" data-expand = "-40" >
798
798
< div class = "intrinsic" >
799
799
< img
800
800
class = "lazyload no-src"
801
- data-src = "//lorempixel.com/400/300/animals/1/ "
801
+ data-src = "https://i.picsum.photos/id/133/460/345.jpg "
802
802
alt = "" />
803
803
</ div >
804
804
</ div >
805
805
< div class = "thumbnail thumbnail-small lazyload" data-expand = "-40" >
806
806
< div class = "intrinsic" >
807
807
< img
808
808
class = "lazyload no-src"
809
- data-src = "//lorempixel.com/400/300/food/2/ "
809
+ data-src = "https://i.picsum.photos/id/137/460/345.jpg "
810
810
alt = "" />
811
811
</ div >
812
812
</ div >
0 commit comments