Theme Styled Images

Create theme styled images with overlays and hover effect using “styled_image” shortcode and optional settings for size, link, etc.

[styled_image size="medium" link="#" icon="zoom" lightbox="yes"]
	http://mysite.com/uploads/myimage.jpg
[/styled_image]

Parameters

• size: small, medium, tall, blog
• link (link URL)
• icon: zoom, doc, play
• lightbox: yes, no
• alt (image description)

Samples

Plain Image

A basic image resized and output to the specified width and height.

[plain_image w="250" h="250" alt="Image Description"]
	http://mysite.com/uploads/myimage.jpg
[/plain_image]

Parameters

• w (width)
• h (height)
• alt (image description)
• q: 1-100 (quality) (optional)
• zc: 0, 1 (0=zoom, 1=crop) (optional)
• resize: yes, no (optional)

Samples

Resized Image URL

Returns the full URL to create a resized image at the size specified. This is useful for inserting a resized image path into other shortcodes or widgets.

[resized_image_path w="250" h="250"]
	http://mysite.com/uploads/myimage.jpg
[/resized_image_path]

Parameters

• w (width)
• h (height)
• q: 1-100 (quality) (optional)
• zc: 0, 1 (0=zoom, 1=crop) (optional)

Samples

http://para.llel.us/themes/traject-wp/wp-content/themes/parallelus-traject/includes/timthumb.php?src=/themes/traject-wp/wp-content/themes/parallelus-traject/images/content/placeholder-(593x199).gif&w=250&h=250&zc=1