<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Elastic Image Slideshow with Thumbnail Preview" />
<meta name="keywords" content="jquery, css3, responsive, image, slider, slideshow, thumbnails, preview, elastic" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="include/style.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href='
http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="
http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('#ei-slider').eislideshow({
animation : 'center',
autoplay : true,
slideshow_interval : 3000,
titlesFactor : 0
});
});
</script>
<!-- Tabs start -->
<meta charset="utf-8" />
<title>jQuery UI Tabs - Open on mouseover</title>
<link rel="stylesheet" href="
http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="
http://code.jquery.com/jquery-1.9.1.js"></script> <script src="
http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" />
<script>
jQuery(function() {
jQuery( "#tabs" ).tabs({
event: "mouseover"
});
});
</script>
<!-- Tabs slut -->
</head>