function image_func($atts, $content = null)
{
extract(shortcode_atts(array('animation' => '', 'size' => '', 'align' => ''), $atts));
//wordpress is replacing "x" with special character in strings like 1920x1080
//we have to bring back our "x"
$content = str_replace('×', 'x', $content);
$class = 'wp-post-image animated ' . $align . ' ' . $animation . ' ' . $size;
switch ($size) {
case 'full':
return ts_get_resized_image_sidebar($content, array('full', 'one-sidebar', 'two-sidebars'), '', $class);
break;
case 'half':
return ts_get_resized_image_sidebar($content, array('half-full', 'half-one-sidebar', 'half-two-sidebars'), '', $class);
break;
case 'one_third':
return ts_get_resized_image_sidebar($content, array('third-full', 'third-one-sidebar', 'third-two-sidebars'), '', $class);
break;
case 'one_fourth':
return ts_get_resized_image_sidebar($content, array('fourth-full', 'fourth-one-sidebar', 'fourth-two-sidebars'), '', $class);
break;
default:
return '<img src="' . $content . '" class="' . $class . '">';
break;
}
}
function image_item_func($atts, $content = null)
{
extract(shortcode_atts(array('url' => '', 'target' => ''), $atts));
//wordpress is replacing "x" with special character in strings like 1920x1080
//we have to bring back our "x"
$content = str_replace('×', 'x', $content);
$item = '<li>';
$image = $content;
$image = ts_get_resized_image_sidebar($image, array('full', 'one-sidebar', 'two-sidebars'));
if (!empty($url)) {
$item .= '<a href="' . $url . '" ' . (!empty($target) ? 'target="' . $target . '"' : '') . '>' . $image . '</a>';
} else {
$item .= $image;
}
$item .= '</li>';
return $item;
}
?>
>
<?php
$thumb = '';
switch (get_post_format()) {
case 'gallery':
$gallery = get_post_meta($post->ID, 'gallery_images', true);
if (is_array($gallery) && count($gallery) > 0) {
?>
<?php
$thumb = "\n\t\t\t\t<div class='facilities visible-on-hover'>\n\t\t\t\t\t<div class='gallery-image-links'>\n\t\t\t\t\t\t<a class='prev' title='" . __('Previous', 'circles') . "' href='#' id='prev-" . $post->ID . "'>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span class='tran03slinear'></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a class='next' title='" . __('Next', 'circles') . "' href='#' id='next-" . $post->ID . "'>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<span class='tran03slinear'></span>\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</div>\n\t\t\t\t\t<a class='image-link' rel='prettyPhoto' title='Sed diam nonumy' href='http://circles.arenaofthemes.com/wp-content/uploads/2013/03/smaller_size-3.jpg'><span class='zoom'></span></a>\n\t\t\t\t</div>\n\t\t\t\t\t<div class='flexslider' id='flexslider-" . $post->ID . "'>\n\t\t\t\t\t\t<ul class='slides'>";
foreach ($gallery as $image) {
$thumb .= "<li>" . ts_get_resized_image_sidebar($image['image'], array('full', 'one-sidebar', 'two-sidebars'), $image['title']) . "</li>";
}
$thumb .= "\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t </div>\n\t\t\t\t\t<script type='text/javascript'>\n\t\t\t\t\t\tjQuery(document).ready(function() {\n\t\t\t\t\t\t jQuery('#flexslider-" . $post->ID . "').flexslider({\n\t\t\t\t\t\t\tanimation: 'slide',\n\t\t\t\t\t\t\tcontrolNav: false,\n\t\t\t\t\t\t\tprevText: \"" . ts_get_prev_slider_text() . "\",\n\t\t\t\t\t\t\tnextText: \"" . ts_get_next_slider_text() . "\"\n\t\t\t\t\t\t });\n\t\t\t\t\t\t});\n\t\t\t\t\t\tjQuery('#prev-" . $post->ID . "').click(function(){\n\t\t\t\t\t\t\tjQuery('#flexslider-" . $post->ID . "').flexslider('prev');\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tjQuery('#next-" . $post->ID . "').click(function(){\n\t\t\t\t\t\t\tjQuery('#flexslider-" . $post->ID . "').flexslider('next');\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t});\n\n\t\t\t\t\t</script>";
}
break;
case 'video':
$url = get_post_meta($post->ID, 'video_url', true);
if (!empty($url)) {
$thumb = ts_get_embaded_video($url);
} else {
if (empty($url)) {
$thumb = get_post_meta($post->ID, 'embedded_video', true);
}
}
$thumb = '<div class="videoWrapper">' . $thumb . '</div>';
break;
/**
* Display resized image, checks for sidebars and choose best resolution
* @global type $post
* @param string $image image url, must be from media library
* @param array $sizes array of 3 sizes, 0 - no sidebars, 1 - one siedebar, 2 - two siedbars, eg. array('600,300','400,200','300,150')
* @param string $alt
* @param string $class
* @return void
* @since framework 1.0
*/
function ts_the_resized_image_sidebar($image, $sizes, $alt = '', $class = '')
{
echo ts_get_resized_image_sidebar($image, $sizes, $alt, $class);
}
/**
* Get circles thumbnail (image,gallery slider or video), must be run in loop
* @global object $post
* @param array $sizes different sizes for page without or with one or two sidebars
* @return string
*/
function ts_get_circles_thumb($sizes)
{
global $post;
$thumb = '';
switch (get_post_format()) {
case 'gallery':
$gallery = get_post_meta($post->ID, 'gallery_images', true);
if (is_array($gallery) && count($gallery) > 0) {
$thumb = "\n\t\t\t\t\t<div class='flexslider' id='flexslider-" . $post->ID . "'>\n\t\t\t\t\t\t<ul class='slides'>";
foreach ($gallery as $image) {
$thumb .= "<li>" . ts_get_resized_image_sidebar($image['image'], $sizes, $image['title']) . "</li>";
}
$thumb .= '
</ul>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#flexslider-' . $post->ID . '").flexslider({
animation: "slide",
controlNav: false,
prevText: "' . ts_get_prev_slider_text() . '",
nextText: "' . ts_get_next_slider_text() . '"
});
});
</script>';
}
break;
case 'video':
$url = get_post_meta($post->ID, 'video_url', true);
if (!empty($url)) {
$thumb = ts_get_embaded_video($url);
} else {
if (empty($url)) {
$thumb = get_post_meta($post->ID, 'embedded_video', true);
}
}
$thumb = '<div class="videoWrapper">' . $thumb . '</div>';
break;
default:
$thumb = ts_get_resized_post_thumbnail_sidebar($post->ID, $sizes, get_the_title());
break;
}
return $thumb;
}
