jquery-lazyload


How to integrate jQuery Lazy Load into Meta Slider WordPress plugin?


Unfortunately for me, Meta Slider WP plugin does not support lazy load, but it's perfect for what I need -- well almost. Here's why:
I have a ton of images (per slider) that will be displayed in multiple sliders using this WP Meta Slider plugin. All sliders will use the Flex Slider option, not the other options they have available. And, as you can imagine, the page load time is awful.
I looked up lazy load and came across this site:
http://www.appelsiini.net/projects/lazyload
It seems to be the perfect solution for what I need, but where do I need to input the snippet of coding in Meta Slider files to get this plugin to stop loading all the images at one time? What's happening is when a visitor comes to the site, this plugin loads every single image you have uploaded to it at that first-time page load which is causing the page to load awfully slow.
Additional info:
The images are pngs, 120x220 and under 50kb. I have found that converting them into jpgs instead of gifs compresses the file size to be between 12kb and 15kb, but anything lower, the images begin to lose color quality and the image color quality is extremely important.
END OF ADDITIONAL INFO
Anyway, my image database is growing and I need the images to only load upon the visitor scrolling up or down to reduce the page load time as much as possible so visitors will not be turned off and leave the site.
Thanks!
Oh, here's the plugin, I'm using:
wordpress.org/plugins/ml-slider/

Related Links

How to integrate jQuery Lazy Load into Meta Slider WordPress plugin?
How to disable lazy load on mobiles?
How can i get lazy load plugin to work without mouse interaction?

Categories

HOME
python-2.7
opengl
macos-sierra
automapper
cucumber
bokeh
schema.org
visual-studio-2010
informatica
tibco
mosquitto
dji-sdk
scheduler
clickable-image
colors
documentum
android-externalstorage
fullcalendar-scheduler
google-awareness
pushdown-automaton
gravity
coroutine
psql
adobe-illustrator
jest
pe
weex
fido-u2f
stackexchange.redis
batch-rename
function-points
jpa-2.1
webviewclient
background-color
offline-caching
msdeploy
python-imageio
ccavenue
social-networking
copy-protection
universal
cucumber-junit
private-key
assertions
mv
variable-variables
cheat-engine
extbase
contactless-smartcard
nomad
dredd
windows-media-player
deployd
ol3-google-maps
head.js
simple-schema
line-intersection
asp.net-web-api-routing
emacs25
bigdecimal
svnserve
system.net.mail
wolfram-language
static-methods
rails-engines
voronoi
odesk
in-app-billing
chicagoboss
roxygen2
angular-amd
alwayson
com0com
directorysearcher
lifetime
string.format
rubber
dc
wicket-1.5
window-resize
windows-rt
radius-protocol
jack
gpu-programming
lync-2010
smips
facebook-game-groups
grails-2.3
mousemotionlistener
mp4parser
django-facebook
indesign-server
delphi-xe4
ui-design
smartfox
sql-parametrized-query
fragment-identifier
mongrel
cassini
autobench
datagridcolumn
rootkit
error-detection

Resources

Database Users
RDBMS discuss
Database Dev&Adm
javascript
java
csharp
php
android
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App