File: /var/www/html/gold/slide.php
<link rel="stylesheet" href="newSlide/style.css">
<div style="overflow: hidden; width: 100%; height: 500px;" class="banner has-dots">
<ul style="width: 100%; position: relative; left: 0%; height: 500px;">
<li style=" background-image:url(newSlide/blue.jpg); width: 100%;">
<h1>The jQuery slider that just slides.</h1>
<p>No fancy effects or unnecessary markup, and it’s less than 3kb.</p>
<a class="btn" href="#download">Download</a>
</li>
<li style="background-image: url("img/wood.jpg"); width: 25%;">
<h1>Fluid, flexible, fantastically minimal.</h1>
<p>Use any HTML in your slides, extend with CSS. You have full control.</p>
<a class="btn" href="#download">Download</a>
</li>
<li style="background-image: url("img/subway.jpg"); width: 25%;">
<h1>Open-source.</h1>
<p>Everything to do with Unslider is hosted on GitHub.</p>
<a class="btn" href="http://github.com/idiot/unslider">Contribute</a>
</li>
<li style="background-image: url("img/shop.jpg"); width: 25%;">
<h1>Uh, that’s about it.</h1>
<p>I just wanted to show you another slide.</p>
<a class="btn" href="#download">Download</a>
</li>
</ul>
</div>
<script src="newSlide/jquery-latest.js"></script>
<script src="newSlide/jquery.js"></script>
<script src="newSlide/jquery_002.js"></script>
<script src="newSlide/unslider.js"></script>
<script>
if(window.chrome) {
$('.banner li').css('background-size', '100% 100%');
}
$('.banner').unslider({
fluid: true,
dots: true,
speed: 500
});
// Find any element starting with a # in the URL
// And listen to any click events it fires
$('a[href^="#"]').click(function() {
// Find the target element
var target = $($(this).attr('href'));
// And get its position
var pos = target.offset(); // fallback to scrolling to top || {left: 0, top: 0};
// jQuery will return false if there's no element
// and your code will throw errors if it tries to do .offset().left;
if(pos) {
// Scroll the page
$('html, body').animate({
scrollTop: pos.top,
scrollLeft: pos.left
}, 1000);
}
// Don't let them visit the url, we'll scroll you there
return false;
});
</script>