Skip to content

Instantly share code, notes, and snippets.

@JGallardo

JGallardo/Preloading orbit

Created April 6, 2013 00:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JGallardo/5323578 to your computer and use it in GitHub Desktop.
Save JGallardo/5323578 to your computer and use it in GitHub Desktop.
Download ZIP
Seeking feedback on how to preload the Orbit slider
Raw
Preloading orbit
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" id="view" content="width=device-width minimum-scale=1, maximum-scale=1" />
<title>Dental Mill - Open Source Dental Milling Unit</title>
<meta name="keywords" content="dental mill, milling unit, dental equipment, milling unit, milling solution" />
<meta name="Description" content="The TS150 dental mill is a fast, efficient and affordable open-source milling unit featuring a powerful air-driven 150,000 RPM spindle." />
<!-- Included CSS Files (Compressed) -->
<link rel="stylesheet" href="../stylesheets/foundation.min.css">
<link rel="stylesheet" href="../stylesheets/style.css">
<link rel="stylesheet" href="../stylesheets/orbit-1.2.3.css">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<!-- Included JS Files (Compressed) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="../javascripts/foundation.min.js"></script>
<script src="../javascripts/modernizr.foundation.js"></script>
<!-- Scripts Initialize -->
<script src="../javascripts/app-head.min.js"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="../javascripts/jquery.orbit-1.2.3.js"></script>
<!--[if IE]>
<style type="text/css">
.timer { display: none !important; }
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
</style>
<![endif]-->
<script language="javascript">
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('<img/>')[0].src = this;
});
}
preload([
'../images/products/mill/slider/dentist.jpg',
'../images/products/mill/slider/side.jpg',
'../images/products/mill/slider/before.jpg',
'../images/products/mill/slider/after.jpg',
'../images/products/mill/slider/radio.jpg'
]);
</script>
<!-- Run the plugin -->
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit();
});
</script>
</head>
<body onload="initialize()">
<!-- Region 2 Wrap -->
<div class="container region2wrap">
<div class="row">
<!-- Logo -->
<div class="three columns">
<a href="../index.aspx" id="logo">
<img src="../images/logo.png" alt="Dental Scanner - IOS Fastscan ">
</a>
</div>
<!-- End Logo -->
<!-- Main Navigation -->
<div class="nine columns">
<nav class="top-bar">
<ul>
<!-- Toggle Button Mobile -->
<li class="name">
<h1><a href="#">Site Menu</a></h1>
</li>
<li class="toggle-topbar"><a href="#"></a></li>
<!-- End Toggle Button Mobile -->
</ul>
<section><!-- Nav Section -->
<ul class="right">
<li><a href="../index.aspx">Home</a></li>
<li class="has-dropdown">
<a href="../dental-scanning/index.aspx" class="active">IOS Solution</a>
<ul class="dropdown">
<li><a href="../dental-scanning/fastscan.aspx">IOS FastScan<sup>&reg;</sup></a></li>
<li><a href="../dental-software/fastdesign.aspx">FastDesign<sup>&trade;</sup> Software</a></li>
<li><a href="dental-mill.aspx">TS150 Milling Solution</a></li>
</ul>
</li>
<li><a href="dealers.aspx">Dealer Locator</a></li>
<li class="has-dropdown">
<a href="../contact-us.aspx">Contact</a>
<ul class="dropdown">
<li><a href="../about-us.aspx">About IOS</a></li>
<li><a href="../contact-us.aspx">Contact IOS</a></li>
<li><a href="../feedback.aspx">Site Feedback</a></li>
</ul>
</li>
</ul>
</section><!-- End Nav Section -->
</nav>
</div>
<!-- End Main Navigation -->
</div>
</div>
<!-- End Region 2 Wrap -->
<!-- Region 3 Wrap -->
<div class="container region3wrap">
<!-- Content Top -->
<div class="row content_top">
<div class="nine columns">
<ul class="breadcrumbs">
<li><a href="../dental-scanning/index.aspx" title="Dental Scan Solution">IOS Solution</a></li>
<li class="current"><a href="dental-mill.aspx" title="Dental Mill Solution">TS150 Milling Solution</a></li>
</ul>
</div>
</div>
<!-- End Content Top -->
</div>
<!-- End Region 3 Wrap -->
<!-- Region 4 Wrap -->
<div class="container region4wrap">
<div class="row maincontent">
<div class="twelve columns">
<div class="page_title">
<div class="row">
<div class="twelve columns">
<h1>TS150 in-office Milling Solution</h1><br>
<h2>Affordable Same Day Dentistry</h2>
</div>
</div>
</div><!-- end of page_title-->
</div>
<!-- Blog Content -->
<div class="eight columns">
<!-- Begin Article -->
<div class="row">
<div class="twelve columns">
<ul class="mill_list">
<li>The TS150 is a fast, efficient and affordable open-source milling unit featuring a powerful air-driven 150,000 RPM spindle</li>
<li>Orbital precision milling strategy for excellent marginal integrity</li>
<li>Mills glass ceramic, resin nano ceramic and PMMA</li>
</ul>
</div>
</div>
<!-- End Article -->
<!-- Begin Article -->
<div class="row">
<div class="twelve columns">
<!-- =======================================
ORBIT SLIDER CONTENT
======================================= -->
<div style="width:100%;">
<div style=" max-width:480px; margin: 0px auto;">
<div id="featured" >
<img src="../images/products/mill/slider/dentist.jpg" data-caption="#dentistCaption" />
<img src="../images/products/mill/slider/side.jpg" data-caption="#sideCaption" />
<img src="../images/products/mill/slider/before.jpg" data-caption="#beforeCaption" />
<img src="../images/products/mill/slider/after.jpg" data-caption="#afterCaption" />
<img src="../images/products/mill/slider/radio.jpg" data-caption="#radioCaption" />
</div>
<!-- Captions for Orbit -->
<span class="orbit-caption" id="dentistCaption">Dental Mill restorations right in your office</span>
<span class="orbit-caption" id="sideCaption">Same-day, precise milling from your digital impression</span>
<span class="orbit-caption" id="beforeCaption">Pre-operative photo of tooth to be restored</span>
<span class="orbit-caption" id="afterCaption">Obsidian crown milled in under 20 minutes</span>
<span class="orbit-caption" id="radioCaption">Radiograph shows crown seated with excellent marginal integrity</span>
</div>
</div>
</div> <!-- end twelve columns-->
</div> <!-- end row -->
<!-- End Article -->
<!-- Begin Article -->
<div class="row" id="materials">
<div class="twelve columns">
<hr>
</div>
<div class="twelve columns">
<h2 class="article_title">Materials</h2>
</div>
<div class="twelve columns">
<img src="../images/products/mill/blocks.png">
</div>
<div class="four columns">
<img src="../images/logos/obsidian.gif">
<hr>
<p>Obsidian<sup>&trade;</sup> lithium silicate ceramic is a new glass ceramic material indicated for the fabrication of full-contour crowns, 3-unit anterior bridges, veneers, inlays and onlays. Unlike layered ceramic or porcelain-fused-to-metal restorations, Obsidian ceramic restorations are resistant to chipping due to their monolithic composition and average flexural strength of 373 MPa.
<ul>
<li>Exceeds the strength requirements for cemented all-ceramic restorations and can also be bonded when desired</li>
<li>Resists chipping compared to a layered ceramic or PFM restoration</li>
<li>Available in all VITA Classical and Bleached shades</li>
</ul>
<a href="http://www.glidewelldental.com/dentist/services/all-ceramics-obsidian.aspx" target="_blank" class="button small icon-chevron-right">More Info</a>
</p>
</div> <!-- end three columns-->
<div class="four columns">
<img src="../images/logos/bruxzir.gif" >
<hr>
<p>BruxZir<sup>&reg;</sup> Solid Zirconia is a monolithic zirconia crown, bridge, screw-retained implant crown, inlay or onlay with no porcelain overlay. The material was originally intended to provide a durable, more esthetic alternative to posterior metal occlusal PFMs or cast gold restorations. Now, thanks to the new BruxZir Shaded formulation, BruxZir restorations exhibit improved translucency and color similar to natural dentition, making them a restorative option in the anterior as well.
<ul>
<li>Ideal for bruxers who have destroyed natural teeth or previous dental restorations</li>
<li>An esthetic alternative to metal occlusal PFMs and cast gold crowns & bridges</li>
<li>Minimal preparation requirement of 0.5 mm with feather edge margins, much like cast gold</li>
</ul>
<a href="http://www.bruxzir.com/features-bruxzir-zirconia-dental-crown/" target="_blank" class="button small icon-chevron-right">More Info</a>
</p>
</div> <!-- end three columns-->
<div class="four columns">
<div id="lava_ultimate">
<img src="../images/logos/3m.gif">
<span class="comingSoon">(Coming Soon!)</span>
</div>
<hr>
<p>Lava<sup>&trade;</sup> Ultimate Restorative is a resin nano ceramic material that offers amazing esthetics, strength and unique functionality. The impressive durability of resin nano ceramic CAD/CAM material results from its high flexural strength and fracture toughness. Nanotechnology on the inside means a beautiful, long-lasting polish on the outside.
<ul>
<li>Less wear to opposing dentition than glass ceramics</li>
<li>Absorption of chewing forces which reduces stress</li>
<li>Fast, no firing and easy to mill</li>
</ul>
</p>
<p class="comingSoonBanner">COMING SOON!</p>
</div> <!-- end three columns-->
</div> <!-- end row -->
<!-- Begin Article -->
<div class="row">
<div class="twelve columns">
<hr>
</div>
<!-- Mill Video -->
<div class="row">
<div class="twelve columns">
<h4 class="video_title">IOS FastDesign Tutorial: Milling the Restoration with the TS-150 Chairside Mill</h4>
</div>
<!-- Video -->
<div class="twelve columns video_container">
<iframe id="video-player" src="http://www.glidewelldental.com/applications/glidewell.video/embed.aspx?id=IOSFD5&poster=assets/ios-fastdesign-tutorial-milling-the-restoration-with-the-ts-150-chairside-mill.jpg" scrolling="no" frameborder="0" align="top" allowTransparency="true" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
<!-- end of Video -->
</div>
<!-- end of Mill video-->
</div>
<!-- End Article -->
</div>
<!-- End Blog Content -->
<!-- Sidebar Left -->
<div class="four columns sidebar-right">
<!-- Sidebar Widget -->
<div id="sidebar-product-image" class="sidebar-widget">
<h3>TS150 Mill</h3>
<img src="../images/products/mill360.jpg" alt="Dental Mill" title="Dental Mill"/>
</div>
<!-- End Sidebar Widget -->
<!-- Sidebar Widget -->
<div class="sidebar-widget">
<h3>IOS Solution</h3>
<ul class="sidebar-list">
<li><a href="../dental-scanning/fastscan.aspx"><span class="date"><i class="icon-magic"></i>Scan</span>IOS FastScan is easy to use and is the most accurate scanner on the market.</a></li>
<li><a href="../dental-software/fastdesign.aspx"><span class="date"><i class="icon-desktop"></i>Design</span>The FastDesign software guides the user through the scanning process.</a></li>
<li><a href="../dental-equipment/dental-mill.aspx"><span class="date"><i class="icon-cogs"></i>Mill</span>Convenient milling may reduce your turnaround time to fewer than three hours.</a></li>
</ul>
</div>
<!-- End Sidebar Widget -->
<!-- Sidebar Widget -->
<div class="sidebar-widget">
<h3>To Purchase</h3>
<p>To contact a representative, our exclusive dealer Benco Dental will be happy to assist you.</p>
<a href="dealers.aspx" class="button expand"><i class="icon-suitcase"></i>Contact A Representative</a>
</div>
<!-- End Sidebar Widget -->
</div>
<!-- End Sidebar Right -->
</div> <!-- end row-->
<!-- // // // // // // // // // // -->
<div class="row">
<div class="twelve columns">
<hr/>
</div>
</div>
<!-- // // // // // // // // // // -->
</div>
<!-- End Region 4 Wrap -->
<!-- Region 9 Wrap -->
<div class="container region9wrap">
<!-- Footer -->
<div class="row footer">
<!-- // // // // // // // // // // -->
<div class="four columns">
<h4>Quick Links</h4>
<ul class="footer-list">
<li>
<h7>IOS Solution</h7>
<ul><li><a href="../dental-scanning/fastscan.aspx">----| IOS FastScan</a></li><li><a href="../dental-software/fastdesign.aspx">----| FastDesign Software</a></li><li><a href="#">----| TS150 Milling Solution</a></li></ul>
</li>
<li>
<h7>Resources</h7>
<ul>
<li><a href="../dental-equipment-tutorials.aspx">----| Video Tutorials</a></li>
</ul>
</li>
</ul>
</div>
<!-- // // // // // // // // // // -->
<div class="four columns footer_company_section">
<div class="row">
<h4>IOS Technologies</h4>
<div class="footer_address">
<div class="footer_address_icons">
<ul><li><i class="icon-map-marker"></i></li><li><i class="icon-envelope"></i></li><li><i class="icon-phone"></i></li><li><i class="icon-print"></i></li></ul>
</div> <!-- end of footer_address_icons -->
<div class="footer_address_info">
<p>3978 Sorrento Valley Blvd., Ste 200,<br>San Diego, CA, 92121. USA<br><a href="mailto:contact@ios3d.com">contact@ios3d.com</a><br>(858) 202-3360<br>(858) 552-8516</p>
</div> <!-- end of footer_address_info -->
</div> <!-- end of footer_address -->
</div>
<div class="row">
<ul class="footer-list">
<li>
<h7>Company</h7>
<ul><li><a href="../about-us.aspx">----| About IOS</a></li><li><a href="../privacy-policy.aspx">----| Privacy Policy</a></li></ul>
<li>
<li>
<h7>Contact</h7>
<ul><li><a href="dealers.aspx">----| Contact Dealer</a></li><li><a href="../contact-us.aspx">----| Contact IOS</a></li><li><a href="../feedback.aspx">----| Site Feedback</a></li></ul>
</li>
</ul>
</div> <!-- end of row -->
</div> <!-- end of four columns-->
<!-- // // // // // // // // // // -->
<div class="four columns footer_map_container">
<h4>Manufacturing Plant</h4>
<p>Made in the United States</p>
<iframe width='306' height='342' frameborder='0' src='http://jgallardo2600.cartodb.com/tables/ios3d/embed_map?title=false&description=false&search=false&shareable=false&cartodb_logo=true&sql=&sw_lat=32.88650675152939&sw_lon=-117.27510452270506&ne_lat=32.91893507237062&ne_lon=-117.19270706176758'></iframe>
</div>
<!-- // // // // // // // // // // -->
</div>
<!-- End Footer -->
</div>
<!-- End Region 9 Wrap -->
<!-- Region 10 Wrap -->
<div class="container region10wrap">
<div class="row footer_bottom">
<div class="twelve columns">
<p class="copyright">&copy; 2013 IOS Technologies. All rights reserved</p>
</div>
</div>
</div>
<!-- End Region 10 Wrap -->
<!-- Back To Top -->
<a href="#" class="scrollup">Scroll</a>
<!-- End Back To Top -->
<!-- Initialize JS Plugins -->
<script type="text/javascript" src="../javascripts/jquery.tipsy.min.js"></script>
<script type="text/javascript" src="../javascripts/jquery.touchSwipe.min.js"></script>
<script src="../javascripts/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment