Introduction:
Name:
Images Lazyload and Slideshow
Brief Introduction:
This plugin is an images aided wordpress plugin, major functions are Images Lazyload and Images view effect, additional function is custom html, you can set styles for images or tracking codes in it.
WordPress plugin url:
http://wordpress.org/extend/plugins/images-lazyload-and-slideshow/
Plugin homepage:
Images Lazyload:
Introduction:
Lazyload as one of the basic principles of web optimization, many owners and front to start this feature will be, whether it is developed or reality. Picture late loading method to achieve more and more, more and more convenient. The plug-ins and many other late loading plug-ins, the late loading, use WordPress mechanisms introduced into WordPress, simpler and more convenient loading function allows you to use later.
Features:
Support full page pictures later loaded, you can set on or off, “all images” and “post pictures” in two modes, loading splats two placeholders flexible use, 1×1 and 250×250. Why use two placeholders? If all the pictures are defined width and height, using 1×1 placeholders on it, but in many cases the picture is not defined width and height, and this time if you have to use 1×1 placeholder unpredictable problems occur, such as the article put Figure 10 Da, no widening of high definition, this time when using 1×1 placeholder character will cause all images at the same time to load, because each map space is too small, both scrape together.
Discuss:
Although there are a lot of pictures later loaded the benefits that can accelerate the speed of opening web pages, but also reduce the pressure on the server, but the SEO point of view is really a search engine unfriendly. If the search engines have been able to identify the source address of the picture, or can crawl inside noscript pictures that are just unnecessary doubts it.
Images popup view effect, Images slideshow effect:
Introduction:
There’s a lot of photo browsing effect plug-ins, comes the theme of the picture viewed a lot, why have this plugin? Because the open, free and easy, with this plug-in, the effect can be installed from the outside, you can delete the unwanted effects, you can choose between a variety of effects, immediately after choosing to have effect, may need to set is the only designated which pictures plus browsers.
Glossary:
Effect refers to the implementation of the picture rendered into the pop-up effect, the effect of a collection of albums JS, CSS and static resources. There are many independent issued photo browsing effect has been very mature and has a variety of configuration options for the behavior, there are optional skin, you can customize download, or is no longer limited to rendering images so simple. prettyPhoto, highslide, fancybox 2 These are heavyweight, slimbox2, lightbox 2 These are lightweight, but these are not absolute distinction heavyweight effect can only load the most streamlined become very same library lightweight, lightweight effect rendered appearance does not necessarily look good heavyweight. Which one will depend on your needs and preferences.
Adapter is implementation template of Effect, Each of the following effects can have multiple adapters, each adapter is the most consistent, and only a small part of the difference, but that is a small part of these differences determine the rendered appearance and interaction varies.
Working Mechanism:
Plug-in directory will scan effect after start all effect, and it has the effect of adapter reads, and keep the data in the database, it would not scan again next time. Read good effect and adapter data will be placed in the background Settings page, for the user to choose from. Front desk according to set good effect and adapter is used to determine whether application effect, which effect and how to render the effect.
How to config:
add_effect_selector’s content is a selector in jQuery, default will works fine mostly, when not working, you can try to change the add_effect_selector value. Or you can diminish the selector’s scope when it is to much included.
The special support for images article:
People often use external photo album, will put some images in article, plugin will add href for these images, then add view effets for them.
Native effects:
fancybox
prettyPhoto
slimbox2
More effects:
View this article: effects for Images Lazyload and Slideshow
Custom HTML, custom style, tracking code:
Introduction:
Support custom HTML content store, as a subsidiary function, but in many cases it is necessary. Statistical code though almost every theme support background Settings, but the theme there will always be a need to change, change after theme with the theme Settings will be gone, so persistent Settings like statistics code or in the plug-in for better. In addition to statistical code, some custom styles also need to set up in the plug-in.
- limit images’ max-width in the content:
<style type=”text/css”>
/* maxwidth limit for content images */
#content img,.content img,.archive img,.post img {
margin-top:3px;
max-width:600px;
_width:expression(this.width>600?600:auto);
}
</style>- The mouse to the picture, the picture darkened, can enlarge icon is displayed at the same time:
<style type=”text/css”>
/* style for slideshow images */
.ls_slideshow_imgs {
cursor:url(http://simplenotestheme.googlecode.com/svn/trunk/autohighslide/highslide/graphics/zoomin.cur), pointer;
}
.ls_slideshow_imgs:hover{opacity:0.5;filter:alpha(opacity=50);}
</style>“ls_slideshow_imgs” class, every images has view effect has this class, aoto added by application.
Download and install:
Download:
Available ways: install from WordPress backend, or download from WordPress plugin’s homepage: http://wordpress.org/extend/plugins/images-lazyload-and-slideshow/
Offline release stops from V3.0.
Download effects:
View here: effects for Images Lazyload and Slideshow
FAQ:
Why not add highslide into native effects?
Because licence not matchs, highslide is not under GPL or MIT licence.
wp_footer or wp_head, which one to use?
If theme support wp_footer, better keep wp_footer.
Change Log:
= 3.3 =
* 2015-07-07
* fixbug: change admin_menu’s capability from ‘8’ to ‘manage_options’.
* upgrade: replace effect ‘prettyPhoto 3.1.4′ with ‘prettyPhoto 3.1.6′.
* upgrade: optimize lazyload process.
* upgrade: disable slideshow effect while wp_is_mobile() is true.= 3.2 =
* 2014-09-27
* upgrade: optimize process of lazy loading for better performance and comfortable experience.
* upgrade: fix height when post images use percent width.
* upgrade: add ‘lazyload_slideshow_skip_lazyload’ filter, use this you can customize lazy load scope.
* upgrade: add lazy load switch for images, when an image contains ‘skip_lazyload’ class or attribute, it will no longer be lazy loaded.= 3.1.1 =
* 2014-08-25
* fixbug: when use extra effect addon, crash after upgrade, fix it.= 3.1 =
* 2014-08-25
* upgrade: optimize lazyload realization codes.
* upgrade: optimize description and tags.= 3.0 =
* 2014-06-19
* upgrade: upgrade effect and adapter interface, easily to add, delete and develop.
* upgrade: every effect added into system as a plugin, easily to install or delete on the backend.
* upgrade: optimize lazyload script, not to load images far from current screen above.
* upgrade: combine “custom css” and “tracking code” into “custom html”.
* upgrade: add lazyload scope config, all images or images in post content for choice.
* upgrade: optimize display of config page, define width in percentage.
* upgrade: change links of plugin homepage and author homepage.
* upgrade: upgrade slimbox2 version from 2.04 to 2.05= 2.4.2 =
* 2012-10-10
* fixbug: fix 4.1.13_gallery_js effect’s bug.= 2.4.1 =
* 2012-09-26
* upgrade: optimize effect= 2.4 =
* 2012-09-26
* upgrade: update the sample css for width limit and slideshow images’ cursor style.
* upgrade: add diff feature for lazyload.
* upgrade: update the image’s width and height get method.= 2.3.1 =
* 2012-09-24
* upgrade: optimize effect= 2.3 =
* 2012-09-24
* upgrade: add slimbox2 effect, now has two adapters:’one gallery’ and ‘sigle image’.= 2.2.1 =
* 2012-07-17
* upgrade : optimize effect= 2.2 =
* 2012-07-17
* upgrade : add exception for plugin WP-PostRatings, for displaying reason.
* upgrade : do not lazyload images for feeds, previews, mobile. refer to Lazy Load plugin.= 2.1.1 =
* 2012-06-07
* upgrade : optimize effect= 2.1 =
* 2012-06-07
* upgrade : for better performance, images with width or height use blank_1x1.gif as placeholder, while images without width and height use blank_250x250.gif as placeholder(except: smilies)
* upgrade : add a loading.gif background to each image, if image’s loading is timeout, visitors will understand what happened.= 2.0.1 =
* 2012-06-06
* upgrade : optimize effect= 2.0 =
* 2012-06-06
* upgrade : expand the scope of lazyload. previously only the content images take effect, now all the images work.
* upgrade : expand the scope of slideshow, optimize the regexp check rule for images.= 1.4.1 =
* 2012-05-29
* upgrade : optimize effect= 1.4 =
* 2012-05-29
* upgrade : optimize lazyload, reduce the Performance Loss
* upgrade : optimize limit_width_selector and add_effect_selector, change to “#content img,.content img,.archive img,.post img,.page img”= 1.3.1 =
* 2012-05-28
* upgrade : optimize effect= 1.3 =
* 2012-05-28
* upgrade : user can customize add-effect-selector
* upgrade : user can choose which action to be hook, wp_footer or wp_head
* upgrade : change style wrap for config page, add min-width= 1.2.2 =
* 2012-05-20
* upgrade : optimize effect= 1.2.1 =
* 2012-05-18
* upgrade : optimize effect= 1.2 =
* 2012-05-16
* fixbug : css of images’ max-width limitation for IE6 may cause browser crash= 1.1 =
* 2012-05-08
* upgrade : add adapters for effect, configurable
* upgrade : add special class ‘slideshow_imgs’ to every effected images
* upgrade : change the blank image to loading gif
* upgrade : setting page style adjust= 1.0 =
* 2012-04-23 plugin released.