Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Backstretch images not appearing

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!

like image 713
user2961665 Avatar asked Nov 06 '13 17:11

user2961665


1 Answers

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});

like image 128
dasCode Avatar answered Sep 18 '22 09:09

dasCode