Monitor Reply

Support

Image Loading

Permalink Browser Info Environment February 11, 2015 at 1:32 AM

Hi - is there a way to change the way the images load in? Instead of everything loading at once can the first image load first and then the other images appear.

Type:	Discussion
Status:	Resolved

emirii replied on Feb 11, 2015 at 9:40 am Permalink Reply

Hi there, yes it's possible for the tile relatively easy, you can add some jQuery to your template. But it is not built into the plugin's option. If you are comfortable with this approach, just do something like this in your theme file:

<style>
.galleryES img {
    display:none;
}
</style>
<script>
$(".galleryES img:first").bind("load", function () { $(this).fadeIn(600); }); //for first image load faster
$(".galleryES img").bind("load", function () { $(this).fadeIn(900); }); //for the rest, load a little slower
</script>

This should work great with the tile gallery, but the masonry gallery is a lot more involved to change, so it depends on what you're comfortable with.http://stackoverflow.com/questions/10096300/combining-lazyload-and-...

concrete5 Environment Information

# concrete5 Version
5.6.3.2

# concrete5 Packages
Auto-Nav Pro (1.5.5), Breadcrumbs (2.0), Color Picker Attribute (1.0), GalleryES (1.51), Pro Blog (12.4.4), Thumbview Template (1.1.1).

# concrete5 Overrides
blocks/problog_list, blocks/content, languages/el_GR, languages/sl_SI, languages/fr_FR, languages/tr_TR, languages/ro_RO, languages/de_DE, languages/es_PE, languages/nb_NO, languages/fi_FI, languages/ja_JP, languages/vi_VN, languages/da_DK, languages/nl_NL, languages/fa_IR, languages/ar, languages/pt_PT, languages/es_MX, languages/es_ES, languages/sv_SE, languages/es_AR, languages/cs_CZ, languages/zh_TW, languages/sk_SK, languages/ru_RU, languages/it_IT, themes/photonews

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.4.36-0+deb7u3

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, htscanner, iconv, imagick, imap, json, ldap, libxml, mbstring, mcrypt, mhash, mssql, mysql, mysqli, openssl, pcntl, pcre, PDO, pdo_dblib, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib.

# PHP Settings
max_execution_time - 60
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 2500
memory_limit - 128M
post_max_size - 16M
sql.safe_mode - Off
upload_max_filesize - 16M
ldap.max_links - Unlimited
mssql.max_links - Unlimited
mssql.max_persistent - Unlimited
mssql.max_procs - Unlimited
mssql.textlimit - Server default
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000000
pcre.recursion_limit - 1000000000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:35.0) Gecko/20100101 Firefox/35.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

GalleryES (for 5.6)

Support

Image Loading

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post