What are the available values for image shortcode?

gbhutto · July 2016

There are obvious values for some of the options but I have no idea how these work:

hover=""

greyscale=""

animate=""

What are the available values?

Thanks

Albert · July 2016

Hi,

all details about shortcodes and it's attributes, you can find on http://themes.muffingroup.com/betheme/documentation/#shortcode-generator

Thanks.

gbhutto · July 2016

I don't see the available options for these 3 attributes

hover=""

greyscale=""

animate=""

I am working with html inside a "column" When I click on "Add Content Shortcode" I get this inserted:

[image src="" width="" height="" align="" border="0" margin_top="" margin_bottom="" link_image="" link="" target="" hover="" alt="" caption="" greyscale="" animate=""]

Albert · July 2016

Ok. So if you don't have them, we paste them below:

hover - Hover effect - to disable please type: disable
greyscale - Greyscale effect (works only for images with link) - type: 1
animate - Entrance animation - available values: fadeIn, fadeInUp, fadeInDown, fadeInLeft, fadeInRight, fadeInUpLarge, fadeInDownLarge, fadeInLeftLarge, fadeInRightLarge, zoomIn, zoomInUp, zoomInDown, zoomInLeft, zoomInRight, zoomInUpLarge, zoomInDownLarge, zoomInLeftLarge, bounceIn, bounceInUp, bounceInDown, bounceInLeft, bounceInRight

gbhutto · July 2016

When I enter one of these value in the animate field nothing happens. When I reload the page the caption flashes on for only a split second leaving a blank space where the image used to be.

[image src="http://ednoyesconsulting.com/wp-content/uploads/2016/07/information.jpg" width="" height="" align="left" border="10" margin_top="" margin_bottom="" link_image="" link="" target="" hover="" alt="" caption="Noyes brothers on Vinalhaven, Maine date: c. 1910" greyscale="" animate="fadein"]

Albert · July 2016

Please send us link to page where animation does not work then.

gbhutto · July 2016

http://ednoyesconsulting.com/information-systems/

[image src="http://ednoyesconsulting.com/wp-content/uploads/2016/07/information.jpg" width="" height="" align="left" border="10" margin_top="" margin_bottom="" link_image="" link="" target="" hover="" alt="" caption="Noyes brothers on Vinalhaven, Maine date: c. 1910" greyscale="" animate="fadein"]

Albert · July 2016

Ok, found it. So it does not work as should because the last work need to start with CAPITAL letter: fadeIn and not fadein.

gbhutto · July 2016

I changed it to fadeIN but that didn't work. fadeIn worked.

Albert · July 2016

Sorry, should be fadeIn

What are the available values for image shortcode?

Comments