Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: HowTo: spare server resources  (Read 3517 times)

0 Members and 1 Guest are viewing this topic.

flapane

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 251
    • Flavio's page
HowTo: spare server resources
« on: March 14, 2015, 12:34:40 am »

If you have jquery on the page cpmfetch outputs the pics to, you may want to consider loading the images ONLY whenever an user scrolls to them.
This may prove useful if you choose to load intermediate or even full size pics.
You can use jquery unveil ( http://luis-almeida.github.io/unveil/ ):
Code: [Select]
<script type="text/javascript">
(function(e){e.fn.unveil=function(k,d){function c(){g=b.filter(function(){var a=e(this);if(!a.is(":hidden")){var b=f.scrollTop(),d=b+f.height(),c=a.offset().top;return c+a.height()>=b-h&&c<=d+h}}).trigger("unveil");b=b.not(g)}var f=e(window),h=k||0,l=1<window.devicePixelRatio?"data-src-retina":"data-src",b=this,g;this.one("unveil",function(){var a=this.getAttribute(l);if(a=a||this.getAttribute("data-src"))this.setAttribute("src",a),"function"===typeof d&&d.call(this)});f.on("scroll.unveil resize.unveil lookup.unveil", c);c();return this}})(window.jQuery||window.Zepto);
$(function() {
$("img").unveil(100);
});
</script>

Then, open cpmfetch.php and edit line 1551:
Code: [Select]
$htmlOut .= '<img src="/img/ajax-loader.gif" data-src="' . $imagefile . '"';
...where ajax-loader.gif is whatever loading spinning ball you prefer.

You can see the result on my homepage ( http://www.flapane.com )
Pages: [1]   Go Up
 

Page created in 0.015 seconds with 19 queries.