'', 'link' => '', 'target' => '_self', 'title' => '', 'side_image_1' => '', 'side_image_1_link' => '', 'side_image_2' => '', 'side_image_2_link' => '', 'side_image_3' => '', 'side_image_3_link' => '', 'side_image_4' => '', 'side_image_4_link' => '', 'side_image_5' => '', 'side_image_5_link' => '', 'side_image_6' => '', 'side_image_6_link' => '', 'side_image_7' => '', 'side_image_7_link' => '', 'side_image_8' => '', 'side_image_8_link' => '', ); extract(shortcode_atts($args, $atts)); //init variables $html = ""; $side_image = ""; $side_image_link = ""; $side_image_classes = ""; $side_image_data_start =""; $side_image_data_end =""; $html .= "
"; $html .= "
"; $html .= "laptop frame"; $html .= ""; //close hero-image $html .= "
"; //close expanding-images inner $html .= "
"; for ($i = 1; $i <= 8; $i++) { $side_image = eval('return $side_image_'. $i . ';'); $side_image_link = eval('return $side_image_'. $i .'_link;'); $side_image_classes = "qode-side-image qode-side-image-".$i." qode-lazy-image "; if ($side_image != '') { if ($i < 5) { $side_image_classes .= "qode-side-image-inner"; } else { $side_image_classes .= "qode-side-image-outer"; } switch($i) { case '1': $side_image_data_start = "data-bottom = 'transform:translate3d(70%,25%,0)'"; $side_image_data_end = "data--150-bottom = 'transform:translate3d(0,0,0)'"; break; case '2': $side_image_data_start = "data-100-bottom = 'transform:translate3d(70%,-25%,0)'"; $side_image_data_end = "data--50-bottom = 'transform:translate3d(0,0,0)'"; break; case '3': $side_image_data_start = "data-bottom = 'transform:translate3d(-70%,25%,0)'"; $side_image_data_end = "data--150-bottom = 'transform:translate3d(0,0,0)'"; break; case '4': $side_image_data_start = "data-100-bottom = 'transform:translate3d(-70%,-25%,0)'"; $side_image_data_end = "data--50-bottom = 'transform:translate3d(0,0,0)'"; break; case '5': $side_image_data_start = "data-bottom = 'transform:translate3d(180%,35%,0)'"; $side_image_data_end = "data--150-bottom = 'transform:translate3d(0,0,0)'"; break; case '6': $side_image_data_start = "data-100-bottom = 'transform:translate3d(180%,-35%,0)'"; $side_image_data_end = "data--50-bottom = 'transform:translate3d(0,0,0)'"; break; case '7': $side_image_data_start = "data-bottom = 'transform:translate3d(-180%,25%,0)'"; $side_image_data_end = "data--150-bottom = 'transform:translate3d(0,0,0)'"; break; case '8': $side_image_data_start = "data-100-bottom = 'transform:translate3d(-180%,-25%,0)'"; $side_image_data_end = "data--50-bottom = 'transform:translate3d(0,0,0)'"; break; default: $side_image_data_start = ""; $side_image_data_end = ""; break; } if ($side_image_link != '') { $html .= ""; } $html .= "
"; if ($side_image_link != '') { $html .= "
"; } } } $html .= "
"; //close side-images $html .= "
"; //close expanding-images return $html; } add_shortcode('expanding_images', 'expanding_images'); }