{"id":292,"date":"2020-10-28T16:46:44","date_gmt":"2020-10-28T16:46:44","guid":{"rendered":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/slide-anything-popup-preview\/"},"modified":"2023-08-25T03:28:23","modified_gmt":"2023-08-25T03:28:23","slug":"slide-anything-popup-preview","status":"publish","type":"page","link":"https:\/\/va.tech.purdue.edu\/cryoVR\/","title":{"rendered":""},"content":{"rendered":"<p style=\"text-align: left;\">CryoVR is a virtual reality pre-training tool designed at Purdue University to familiarize users with cryoEM equipment, such as microscopes and sample preparation equipment, through a safe and accessible, virtual environment.<\/p>\n<div class='white' style='background:rgba(0,0,0,0); border:solid 0px rgba(0,0,0,0); border-radius:0px; padding:0px 0px 0px 0px;'>\n<div id='slider_home' class='owl-carousel sa_owl_theme owl-pagination-true autohide-arrows' data-slider-id='slider_home' style='visibility:hidden;'>\n<div id='slider_home_slide01' class='sa_hover_container' style='padding:0% 5%; margin:0px 0%; background-image:url(&quot;https:\/\/va.tech.purdue.edu\/cryoVR\/wp-content\/uploads\/2020\/10\/CP3_Pipette.jpg&quot;); background-position:center center; background-size:contain; background-repeat:no-repeat; '><\/div>\n<div id='slider_home_slide02' class='sa_hover_container' style='padding:0% 5%; margin:0px 0%; background-image:url(&quot;https:\/\/va.tech.purdue.edu\/cryoVR\/wp-content\/uploads\/2020\/10\/EALjOeRWsAI1OP9.jpg&quot;); background-position:center center; background-size:contain; background-repeat:no-repeat; '><\/div>\n<div id='slider_home_slide03' class='sa_hover_container' style='padding:0% 5%; margin:0px 0%; background-image:url(&quot;https:\/\/va.tech.purdue.edu\/cryoVR\/wp-content\/uploads\/2020\/10\/WeChat-Image_20201023130735.png&quot;); background-position:center center; background-size:contain; background-repeat:no-repeat; '><\/div>\n<div id='slider_home_slide04' class='sa_hover_container' style='padding:0% 5%; margin:0px 0%; background-image:url(&quot;https:\/\/va.tech.purdue.edu\/cryoVR\/wp-content\/uploads\/2020\/10\/Arrow_to_Dewar-1.jpg&quot;); background-position:center center; background-size:contain; background-repeat:no-repeat; '><\/div>\n<div id='slider_home_slide05' class='sa_hover_container' style='padding:0% 5%; margin:0px 0%; background-image:url(&quot;https:\/\/va.tech.purdue.edu\/cryoVR\/wp-content\/uploads\/2020\/10\/Replay_First_Person_V2.jpg&quot;); background-position:center center; background-size:contain; background-repeat:no-repeat; '><\/div>\n<\/div>\n<\/div>\n<script type='text\/javascript'>\n\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\tjQuery('#slider_home').owlCarousel({\n\t\t\titems : 1,\n\t\t\tsmartSpeed : 200,\n\t\t\tautoplay : true,\n\t\t\tautoplayTimeout : 3000,\n\t\t\tautoplayHoverPause : true,\n\t\t\tsmartSpeed : 200,\n\t\t\tfluidSpeed : 200,\n\t\t\tautoplaySpeed : 200,\n\t\t\tnavSpeed : 200,\n\t\t\tdotsSpeed : 200,\n\t\t\tloop : true,\n\t\t\tnav : true,\n\t\t\tnavText : ['',''],\n\t\t\tdots : true,\n\t\t\tresponsiveRefreshRate : 200,\n\t\t\tslideBy : 1,\n\t\t\tmergeFit : true,\n\t\t\tautoHeight : true,\n\t\t\tmouseDrag : false,\n\t\t\ttouchDrag : true\n\t\t});\n\t\tjQuery('#slider_home').css('visibility', 'visible');\n\t\tsa_resize_slider_home();\n\t\twindow.addEventListener('resize', sa_resize_slider_home);\n\t\tfunction sa_resize_slider_home() {\n\t\t\tvar min_height = '50';\n\t\t\tvar win_width = jQuery(window).width();\n\t\t\tvar slider_width = jQuery('#slider_home').width();\n\t\t\tif (win_width < 480) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 768) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 980) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 1200) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else if (win_width < 1500) {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t} else {\n\t\t\t\tvar slide_width = slider_width \/ 1;\n\t\t\t}\n\t\t\tslide_width = Math.round(slide_width);\n\t\t\tvar slide_height = '0';\n\t\t\tif (min_height == 'aspect43') {\n\t\t\t\tslide_height = (slide_width \/ 4) * 3;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t} else if (min_height == 'aspect169') {\n\t\t\t\tslide_height = (slide_width \/ 16) * 9;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t} else {\n\t\t\t\tslide_height = (slide_width \/ 100) * min_height;\t\t\t\tslide_height = Math.round(slide_height);\n\t\t\t}\n\t\t\tjQuery('#slider_home .owl-item .sa_hover_container').css('min-height', slide_height+'px');\n\t\t}\n\t\tvar owl_goto = jQuery('#slider_home');\n\t\tjQuery('.slider_home_goto1').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 0);\n\t\t});\n\t\tjQuery('.slider_home_goto2').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 1);\n\t\t});\n\t\tjQuery('.slider_home_goto3').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 2);\n\t\t});\n\t\tjQuery('.slider_home_goto4').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 3);\n\t\t});\n\t\tjQuery('.slider_home_goto5').click(function(event){\n\t\t\towl_goto.trigger('to.owl.carousel', 4);\n\t\t});\n\t\tvar resize_291 = jQuery('.owl-carousel');\n\t\tresize_291.on('initialized.owl.carousel', function(e) {\n\t\t\twindow.dispatchEvent(new Event('resize'));\n\t\t});\n\t});\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CryoVR is a virtual reality pre-training tool designed at Purdue University to familiarize users with cryoEM equipment, such as microscopes and sample preparation equipment, through a safe and accessible, virtual environment.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":9999,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/wp-json\/wp\/v2\/pages\/292"}],"collection":[{"href":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/wp-json\/wp\/v2\/comments?post=292"}],"version-history":[{"count":20,"href":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/wp-json\/wp\/v2\/pages\/292\/revisions"}],"predecessor-version":[{"id":783,"href":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/wp-json\/wp\/v2\/pages\/292\/revisions\/783"}],"wp:attachment":[{"href":"https:\/\/va.tech.purdue.edu\/cryoVR\/index.php\/wp-json\/wp\/v2\/media?parent=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}