[{"data":1,"prerenderedAt":11},["ShallowReactive",2],{"$fpj7p3t2nymt7":3},{"slug":4,"title":5,"description":6,"published":7,"updated":8,"thumb":9,"html":10},"how-to-get-fade-effect-on-image-transition-in-bmo-expo-plugin","How To Get Fade Effect on Image Transition in BMo Expo Plugin","BMo Expo is a cool plugin to create gallery items. If you are looking to add a fade effect on BMo Expo slider plugin, you can make a little change to the...","2015-01-13","2016-06-17",null,"\u003Cp>BMo Expo is a cool plugin to create gallery items. If you are looking to add a fade effect on BMo Expo slider plugin, you can make a little change to the code to achieve this feature.\u003C\u002Fp>\n\u003Cp>Plugin source: https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fbmo-expo\u002F\u003Cbr \u002F>\nCode suggested by: laCabriole, https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fprofile\u002Flacabriole\u003C\u002Fp>\n\u003Cp>Solution:\u003Cbr \u002F>\nIn : wp-content\u002Fplugins\u002Fbmo-expo\u002Fjs\u002Fjquery.bmoGallery.scrollGallery.js replace line 332 -339 with:\u003Cbr \u002F>\n\u003Ccode>this.$bmo_the_gallery_images.css(\"opacity\",\"0.0\");\u003Cbr \u002F>\n                        this.$bmo_the_gallery_images.animate({left:(-(index *\u003Cbr \u002F>\n                        this.$bmo_the_gallery_image_area.width())) + 'px'}, \"fast\");\u003Cbr \u002F>\n                        this.$bmo_the_gallery_images.animate({\u003Cbr \u002F>\n\t\t\t opacity:'1'\u003Cbr \u002F>\n\t\t\t }, \"slow\", function(){\u002F\u002Fcomplete\u003Cbr \u002F>\n\t\t\t\tthis.gallery.currentImg = index;\u003Cbr \u002F>\n\t\t\t\tthis.isAnimating = false;\u003Cbr \u002F>\n\t\t\t\tthis.setThumbs(index);\u003Cbr \u002F>\n\t\t\t}.bind(this));\u003Cbr \u002F>\n\t\t},\u003Cbr \u002F>\n\u003C\u002Fcode>\u003C\u002Fp>",1793037399354]