0

I am trying to show full size background image for that i am using this jquery plugin I am following this example

my code is

<!DOCTYPE html >
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>full page image</title>

    </head>

    <body>
        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <script type="text/javascript" src="../js/jquery.backstretch.min.js"></script>
        <script type="text/javascript">
            < script >
                    $.backstretch([
                        "http://media1.santabanta.com/full5/Indian%20%20Celebrities(F)/Gehana%20Vasisth/gehana-vasisth-0a.jpg",
                        "http://media1.santabanta.com/full5/Indian%20%20Celebrities(F)/Disha%20Pandey/disha-pandey-1a.jpg",
                        "E:\wall\beaches-82a.jpg"
                    ], {
                        fade: 750,
                        duration: 4000
                    });
        </script>
    </body>
</html>

What is the problem with above code. how to make it working

xrcwrn
  • 5,339
  • 17
  • 68
  • 129

1 Answers1

0

Make sure all of the path to your files are correct by checking the browser console or network tab.

Also, you need to remove <script> tag under <script type="text/javascript"> because you cannot have nested <script> tags. Then it should work as expected.

Felix
  • 37,892
  • 8
  • 43
  • 55