Untitled

<html>
    <head>
        <title>Adding Pictures</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>

        <div id = "preview1">

        </div>
         <script type="text/javascript" src="js1.js"></script>

        <script>

           var myfW = slideShowFrameWork();
            var demo5 = myfW.slideShowFunction();
            demo5.makeImgDiv({
                id: "preview1",
                frameWidth: "100%",
                frameHeight: "60%"
            });
            demo5.addPic({
                link: "./pics/ironcap.jpg"
            });
            demo5.addCaption({
                captionText: "Avengers",
                bgColor: "red",
                weight: "500",
                size: "35",
                color: "yellow"
            });
            demo5.addPic({
                link: "./pics/johny.jpg"
            });
            demo5.addCaption({
                captionText: "Pirates of Caribbeans",
                bgColor: "Black",
                weight: "500",
                size: "35",
                color: "yellow"
            });
            demo5.showSlides();
            demo5.addNumber({
                color: "rgb(120,178,56)",
                size: "20"
            });


            demo5.addAudioFbShare({
                autoPlay: false,
                music: "./music/pirate"
            });
            demo5.speechRec({
                color: "yellow",
                bgColor: "rgb(0,0,50)",
                rows: "4",
                cols: "70",
                textColor: "black"
            });
            demo5.addControls({
                bgColor: "rgb(59,89,152)"
            });

        </script>
    </body>
</html>