{"id":5577,"date":"2020-03-10T13:17:28","date_gmt":"2020-03-10T13:17:28","guid":{"rendered":"http:\/\/www.hc.useful-pixels.com\/?page_id=5577"},"modified":"2020-03-10T13:17:28","modified_gmt":"2020-03-10T13:17:28","slug":"useful-elements","status":"publish","type":"page","link":"https:\/\/nallamhorse.com\/?page_id=5577","title":{"rendered":"Useful Elements"},"content":{"rendered":"<p>[vc_row up_bg_fix=\u00bbyes\u00bb css=\u00bb.vc_custom_1583847632300{background-image: url(http:\/\/www.hc.useful-pixels.com\/wp-content\/uploads\/2018\/10\/hbook1.jpg?id=5478) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}\u00bb up_overlay_row=\u00bbrgba(18,18,18,0.82)\u00bb][vc_column][vc_empty_space height=\u00bb140px\u00bb emsmh=\u00bb45px\u00bb][vc_custom_heading text=\u00bbHorseClub Useful Elements\u00bb font_container=\u00bbtag:h2|text_align:center|color:%23ffffff\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbleft-to-right\u00bb][vc_empty_space height=\u00bb10px\u00bb][horseclub_breadcrumbs bread_position=\u00bbbred_center\u00bb bread_home_title=\u00bbHorse Club Home\u00bb bread_color=\u00bb#ffffff\u00bb][vc_empty_space height=\u00bb135px\u00bb emsmh=\u00bb45px\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb165px\u00bb emsmh=\u00bb40px\u00bb][vc_custom_heading text=\u00bb360\u00b0 Horse preview\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbleft-to-right\u00bb][vc_empty_space height=\u00bb10px\u00bb][vc_column_text css=\u00bb.vc_custom_1550069491901{padding-right: 6% !important;}\u00bb]360 Panorama Photo Sphere is a filter that allows you to display 360\u00d7180 degree panoramas. You can now take a full-on immersive 360 degree tour of your projects![\/vc_column_text][vc_empty_space height=\u00bb10px\u00bb][\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb106px\u00bb]<div id=\"pan4\" class=\"psvupwraper\" style=\"\"><\/div><div id=\"psvuperror\"><\/div><script type=\"text\/javascript\">\n    jQuery(document).ready(function ($) {\n\t\t\"use strict\";     \n\nif(!window.WebGLRenderingContext) {\n    \/\/ the browser doesn't even know what WebGL is\n\t$(\"#psvuperror\").html(\"Your Browser Does Not Support WebGL\");\n    \n}\n\t\telse {\n     var pan4 = new PhotoSphereViewer({\n    panorama: 'https:\/\/nallamhorse.com\/wp-content\/uploads\/2016\/11\/horse_pan-min-scaled.jpg',\n    container: 'pan4',\n    caption: 'Horse Club WordPress theme',\n    loading_img: 'https:\/\/nallamhorse.com\/wp-content\/plugins\/photo-sphere-vc\/assets\/photosphere-logo.png',\n    navbar: 'autorotate zoom caption fullscreen',\n    default_fov: 70,\n\tanim_speed: '1rpm',\n    mousewheel: false,\n\ttouchmove_two_fingers: true,\n\t\n\t\n    size: {\n      height: 312\n    },\n\tlang: {\n    autorotate: 'Automatic rotation',\n    zoom: 'Zoom',\n    zoomOut: 'Zoom out',\n    zoomIn: 'Zoom in',\n    download: 'Download',\n    fullscreen: 'Fullscreen',\n    markers: 'Markers',\n    gyroscope: 'Gyroscope'\n},\n\tmarkers: [\n\t\n\t ]\n\t});\n\t\n\t\n\t\t}\n });\n<\/script>\n[vc_empty_space height=\u00bb106px\u00bb][\/vc_column][\/vc_row][vc_row css=\u00bb.vc_custom_1550069514848{background-color: #f2f2f2 !important;}\u00bb][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb106px\u00bb emsmh=\u00bb40px\u00bb][horseclub_before_after upbefore=\u00bb4657&#8243; upafter=\u00bb4655&#8243;][vc_empty_space height=\u00bb106px\u00bb][\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb165px\u00bb][vc_custom_heading text=\u00bbHorse Before \/ After slider\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbright-to-left\u00bb css=\u00bb.vc_custom_1583847512496{padding-left: 6% !important;}\u00bb][vc_empty_space height=\u00bb10px\u00bb][vc_column_text css=\u00bb.vc_custom_1550070783428{padding-left: 6% !important;}\u00bb]The before after slider element allows you to display the before and after versions of an image by simply sliding over them. Very useful for kitchen remodeling projects![\/vc_column_text][vc_empty_space height=\u00bb10px\u00bb][\/vc_column][\/vc_row][vc_row row_type=\u00bbfull\u00bb][vc_column][vc_separator sepopt=\u00bbshape\u00bb sepshape=\u00bbtiltl\u00bb shapecol=\u00bb#ffffff\u00bb shapecolb=\u00bb#f2f2f2&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb165px\u00bb emsmh=\u00bb40px\u00bb][vc_custom_heading text=\u00bbThe Image with Hotspots\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbleft-to-right\u00bb][vc_empty_space height=\u00bb10px\u00bb][vc_column_text css=\u00bb.vc_custom_1550071772766{padding-right: 6% !important;}\u00bb]The Image with Hotspots allows you to place either a fullwidth or content size image on the screen that has various hotspots (any number possible) which will be shown once the image scrolls into the browser viewport.[\/vc_column_text][vc_empty_space height=\u00bb10px\u00bb][\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb106px\u00bb][horseclub_hotspot ht_image=\u00bb4659&#8243; hotspot_data=\u00bb%5B%7B%22index%22%3A2%2C%22x%22%3A31.075325421133233%2C%22y%22%3A26.93577718223584%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%2C%7B%22index%22%3A3%2C%22x%22%3A56.37921133231241%2C%22y%22%3A52.29709035222052%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%2C%7B%22index%22%3A4%2C%22x%22%3A73.0115811638591%2C%22y%22%3A30.132561255742722%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%5D\u00bb][vc_empty_space height=\u00bb106px\u00bb][\/vc_column][\/vc_row][vc_row row_type=\u00bbfull\u00bb][vc_column][vc_separator sepopt=\u00bbshape\u00bb sepshape=\u00bbtiltl\u00bb shapecol=\u00bb#f2f2f2&#8243; shapecolb=\u00bb#ffffff\u00bb][\/vc_column][\/vc_row][vc_row css=\u00bb.vc_custom_1550069514848{background-color: #f2f2f2 !important;}\u00bb][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb106px\u00bb][horseclub_videopop up_video_url=\u00bbhttps:\/\/www.youtube.com\/watch?v=rSff3XQpz8Q\u00bb up_video_img=\u00bb4783&#8243; up_video_lat=\u00bbHorse Club\u00bb][vc_empty_space height=\u00bb106px\u00bb][\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb165px\u00bb][vc_custom_heading text=\u00bbHorse Video presentation\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbright-to-left\u00bb css=\u00bb.vc_custom_1583847524944{padding-left: 6% !important;}\u00bb][vc_empty_space height=\u00bb10px\u00bb][vc_column_text css=\u00bb.vc_custom_1550072198047{padding-left: 6% !important;}\u00bb]Video Popup element lets you add a responsive YouTube or Vimeo video lightbox popup to any page or post of your website.[\/vc_column_text][vc_empty_space height=\u00bb10px\u00bb][\/vc_column][\/vc_row][vc_row row_type=\u00bbfull\u00bb][vc_column][vc_separator sepopt=\u00bbshape\u00bb sepshape=\u00bbtiltl\u00bb shapecol=\u00bb#ffffff\u00bb shapecolb=\u00bb#f2f2f2&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb165px\u00bb emsmh=\u00bb40px\u00bb][vc_custom_heading text=\u00bbVirtual Reality presentations\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbleft-to-right\u00bb][vc_empty_space height=\u00bb10px\u00bb][vc_column_text css=\u00bb.vc_custom_1550077518278{padding-right: 6% !important;}\u00bb]360 Panorama Video element allows you to display 360 video on wordpress pages, posts, etc. Website visitors will be able to navigate through your panoramas. Smartphone users can use Google cardboard to look through in Virtual reality way.[\/vc_column_text][vc_empty_space height=\u00bb10px\u00bb][\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb106px\u00bb]<div class=\"player_wrapper\"><div class=\"player_container\"><video id=\"videopan_3\" class=\"video-js vjs-default-skin vjs-big-play-centered\" poster=\"https:\/\/nallamhorse.com\/wp-content\/uploads\/2020\/03\/vr.jpg\" crossorigin=\"anonymous\" controls ><source src=\"http:\/\/www.hc.useful-pixels.com\/horse.mp4\" type=\"video\/mp4\"><\/video><\/div><\/div>\r\n<script type=\"text\/javascript\">\r\n\r\n    jQuery(document).ready(function ($) {\r\n\r\n\t\t\"use strict\";\t\t\r\n\r\n      (function(window, videojs) {\r\n\r\n        var player = window.player = videojs('videopan_3', {}, function () {\r\n\r\n          window.addEventListener(\"resize\", function () {\r\n\r\n            var canvas = player.getChild('Canvas');\r\n\r\n            if(canvas) canvas.handleResize();\r\n\r\n          });\r\n\r\n        });\r\n\r\n        var videoElement = document.getElementById(\"videopan_3\");\r\n\r\n        var width = videoElement.offsetWidth;\r\n\r\n        var height = videoElement.offsetHeight;\r\n\r\n        player.width(width), player.height(height);\r\n\r\n        player.panorama({\r\n\r\n          clickAndDrag: true,\r\n\r\n          autoMobileOrientation: true,\r\n\r\n          initFov: 100,\r\n\r\n          NoticeMessage: \"please use your mouse drag and drop the video\",\r\n\r\n         \r\n\r\n        });\r\n\r\n      }(window, window.videojs));\t\t  \r\n\r\n\t   });\r\n\r\n <\/script>\r\n[vc_empty_space height=\u00bb106px\u00bb emsmh=\u00bb40px\u00bb][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row up_bg_fix=\u00bbyes\u00bb css=\u00bb.vc_custom_1583847632300{background-image: url(http:\/\/www.hc.useful-pixels.com\/wp-content\/uploads\/2018\/10\/hbook1.jpg?id=5478) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}\u00bb up_overlay_row=\u00bbrgba(18,18,18,0.82)\u00bb][vc_column][vc_empty_space height=\u00bb140px\u00bb emsmh=\u00bb45px\u00bb][vc_custom_heading text=\u00bbHorseClub Useful Elements\u00bb font_container=\u00bbtag:h2|text_align:center|color:%23ffffff\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbleft-to-right\u00bb][vc_empty_space height=\u00bb10px\u00bb][horseclub_breadcrumbs bread_position=\u00bbbred_center\u00bb bread_home_title=\u00bbHorse Club Home\u00bb bread_color=\u00bb#ffffff\u00bb][vc_empty_space height=\u00bb135px\u00bb emsmh=\u00bb45px\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb165px\u00bb emsmh=\u00bb40px\u00bb][vc_custom_heading text=\u00bb360\u00b0 Horse preview\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbleft-to-right\u00bb][vc_empty_space height=\u00bb10px\u00bb][vc_column_text css=\u00bb.vc_custom_1550069491901{padding-right: 6% !important;}\u00bb]360 Panorama Photo Sphere is a filter that allows you to display 360\u00d7180 degree panoramas. You can now take a full-on immersive 360 degree tour of your projects![\/vc_column_text][vc_empty_space height=\u00bb10px\u00bb][\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb106px\u00bb][vc_empty_space height=\u00bb106px\u00bb][\/vc_column][\/vc_row][vc_row css=\u00bb.vc_custom_1550069514848{background-color: #f2f2f2 !important;}\u00bb][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb106px\u00bb emsmh=\u00bb40px\u00bb][horseclub_before_after upbefore=\u00bb4657&#8243; upafter=\u00bb4655&#8243;][vc_empty_space height=\u00bb106px\u00bb][\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_empty_space height=\u00bb165px\u00bb][vc_custom_heading text=\u00bbHorse Before \/ After slider\u00bb use_theme_fonts=\u00bbyes\u00bb css_animation=\u00bbright-to-left\u00bb css=\u00bb.vc_custom_1583847512496{padding-left: 6% !important;}\u00bb][vc_empty_space height=\u00bb10px\u00bb][vc_column_text css=\u00bb.vc_custom_1550070783428{padding-left: 6% !important;}\u00bb]The before after slider element &hellip; <a href=\"https:\/\/nallamhorse.com\/?page_id=5577\">Continued<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":[],"_links":{"self":[{"href":"https:\/\/nallamhorse.com\/index.php?rest_route=\/wp\/v2\/pages\/5577"}],"collection":[{"href":"https:\/\/nallamhorse.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nallamhorse.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nallamhorse.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/nallamhorse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5577"}],"version-history":[{"count":0,"href":"https:\/\/nallamhorse.com\/index.php?rest_route=\/wp\/v2\/pages\/5577\/revisions"}],"wp:attachment":[{"href":"https:\/\/nallamhorse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}