{"id":41710,"date":"2015-02-09T04:50:27","date_gmt":"2015-02-09T09:50:27","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=41710"},"modified":"2017-08-16T10:15:06","modified_gmt":"2017-08-16T14:15:06","slug":"joomla-3-x-troubleshooter-images-missing-update-joomla-3-3-4-lazyload-plugin","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-troubleshooter-images-missing-update-joomla-3-3-4-lazyload-plugin.html","title":{"rendered":"Joomla 3.x. Troubleshooter. Images are missing after update to Joomla 3.3.4+ (Lazyload plugin)"},"content":{"rendered":"<p>Our Support team is ready to present you a new tutorial that shows how to fix the missing images issue after Joomla 3.3.4+ update. <\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/h7QBoVIxsZ0\"><\/iframe>\r\n<\/div>\r\n<p>In case <strong>Lazyload plugin<\/strong> is used, some of the images might not load after the update:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_1-300x254.png\" alt=\"images_lazyload_after_update_1\" width=\"300\" height=\"254\" class=\"alignnone size-medium wp-image-72647\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_1-300x254.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_1-150x127.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_1.png 807w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<h3 class=\"custom\"> Solution 1<\/h3>\r\n\r\n<ol>\r\n<li>\r\n<p>In order to fix the issue, open the <strong>plugins\/system\/tmlazyload\/tmlazyload.php<\/strong> file.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Locate line 131. You will see the following code: <\/p>\r\n<pre class=\"brush:php\">\r\n$arg_1 = array('src=','&gt;','&lt;img', 'class=\"');\r\n$arg_2 = array('src=\"'.$blankimage.'\" data-src=','&gt;&lt;\/span&gt;','&lt;span class=\"lazy_container\" style=\"width: '.$width.'px;\"&gt;&lt;span class=\"lazy_preloader\" style=\"padding-top: '.$ratio.'%;\"&gt;&lt;\/span&gt;&lt;img','class=\"lazy ');\r\n<\/pre>\r\n\r\n<p>Replace it with:<\/p>\r\n\r\n<pre class=\"brush:php\">\r\n$arg_1 = array('src=\"','&gt;','&lt;img', 'class=\"');\r\n$arg_2 = array('src=\"'.$blankimage.'\" data-src=\"'.JURI::base(),'&gt;&lt;\/span&gt;','&lt;span class=\"lazy_container\" style=\"width: '.$width.'px;\"&gt;&lt;span class=\"lazy_preloader\" style=\"padding-top: '.$ratio.'%;\"&gt;&lt;\/span&gt;&lt;img','class=\"lazy ');\r\n<\/pre>\r\n<\/li>\r\n<li>\r\n<p>Locate line 135. You will see the following code:<\/p>\r\n<pre class=\"brush:php\">\r\n$arg_1 = array('src=','&gt;','&lt;img');\r\n$arg_2 = array('src=\"'.$blankimage.'\" class=\"lazy\" data-src=','&gt;&lt;\/span&gt;','&lt;span class=\"lazy_container\" style=\"width: '.$width.'px;\"&gt;&lt;span class=\"lazy_preloader\" style=\"padding-top: '.$ratio.'%;\"&gt;&lt;\/span&gt;&lt;img');\r\n<\/pre>\r\n\r\n<p>Replace it with:<\/p>\r\n\r\n<pre class=\"brush:php\">\r\n$arg_1 = array('src=\"','&gt;','&lt;img');\r\n$arg_2 = array('src=\"'.$blankimage.'\" class=\"lazy\" data-src=\"'.JURI::base(),'&gt;&lt;\/span&gt;','&lt;span class=\"lazy_container\" style=\"width: '.$width.'px;\"&gt;&lt;span class=\"lazy_preloader\" style=\"padding-top: '.$ratio.'%;\"&gt;&lt;\/span&gt;&lt;img');\r\n<\/pre>\r\n<\/li>\r\n<li>\r\n<p>Check your site, the issue should be fixed:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2-300x272.png\" alt=\"images_lazyload_after_update_2\" width=\"300\" height=\"272\" class=\"alignnone size-medium wp-image-72648\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2-300x272.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2-150x136.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2.png 793w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n\r\n\r\n<h3 class=\"custom\"> Solution 2<\/h3>\r\n<p> You may simply deactivate lazy load effect for specific images or even image formats.<\/p>\r\n<ol>\r\n<li><p>Navigate to <strong>Extensions > Plugins<\/strong>;<\/p><\/li>\r\n<li><p>Click on <strong>&#8216;TM Lazy Load&#8217;<\/strong>  plugin;<\/p><\/li>\r\n<li><p>Open the <strong>&#8216;Settings&#8217;<\/strong> tab. Locate an <strong>&#8216;Exclude images&#8217;<\/strong> option;<\/p>\r\n<p>With this option you can <strong>exclude<\/strong> certain images to be processed from the plugin. Enter one name each line:<\/p>\r\n<p>Example:<\/p>\r\n<pre class=\"brush:php\">image001.jpg\r\nthumb_\r\n.jpg<\/pre>\r\n\r\n<p>The last entry would exclude all JPG images.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_3-300x215.png\" alt=\"images_lazyload_after_update_3\" width=\"300\" height=\"215\" class=\"alignnone size-medium wp-image-72649\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_3-300x215.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_3-150x107.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_3.png 460w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li><p>Check your site, the issue should be fixed:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2-300x272.png\" alt=\"images_lazyload_after_update_2\" width=\"300\" height=\"272\" class=\"alignnone size-medium wp-image-72648\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2-300x272.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2-150x136.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/02\/images_lazyload_after_update_2.png 793w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=h7QBoVIxsZ0?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. Troubleshooter. Images are missing after update to Joomla 3.3.4+ (Lazyload plugin)<\/a>\r\n\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/cart.php?addOffer=587\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-1-(500-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present a new tutorial that will help you to fix the missing images issue after Joomla 3.3.4+ update.<\/p>\n","protected":false},"author":37,"featured_media":43663,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[537,483,777,610],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41710"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=41710"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41710\/revisions"}],"predecessor-version":[{"id":82771,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/41710\/revisions\/82771"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43663"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=41710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=41710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=41710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}