Hi having a problem with no images loading for the past 5 days of trying with backstretch. Checked all my file paths, have proper library plugins, checking order of markup, checked order of scripts. Any ideas? please help! Thanks so much -- and apologize for being a newbie.
Here is my code:
<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head profile="http://gmpg.org/xfn/11">
<link rel="stylesheet" href="new_website/new_site_css/stylesheet2.css" type="text/css" media="screen" title="CSS" charset="utf-8" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
</head>
<body>
<script type="text/javascript"
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript"src="new_website/jquery.backstretch.js"></script>
<script>
$.backstretch([
"new_website/images/2.png",
"new_website/images/3.png",
"new_website/images/4.png"
], {duration: 4000, fade: 750});
</script>
</body>
</html>
I don't have any css declared, FYI. Thanks so much!
I think to initialize a slideshow you need to declare an element.
$(".foo").backstretch([
$(".foo").backstretch([
"path/to/image.jpg",
"path/to/image2.jpg",
"path/to/image3.jpg"
], {duration: 4000});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With