example.html

<!DOCTYPE html>
<html>
	<head>
		<title>jquery-GetFacebookAlbums examples</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.getfacebookalbums.js"></script>
		<link rel="stylesheet" href="css/jquery.getfacebookalbums.css" type="text/css">
		<script type="text/javascript">
            $(document).ready(function () {
                $('#loadBtn').click(function () {
                    $('#albumsContainer').getFacebookAlbums({
                        appId : 'YOUR-APP-ID',
                        onImageSelected : function (data) {
                            alert(data);
                        }
                    })
                    return false;
                });
            });
		</script>
		<style type="text/css">
            html, body {
                font-family: Arial, _sans;
                font-size: 0.8em;
            }
        </style>
	</head>
	<body>
		<h1>jquery-GetFacebookAlbums examples page</h1>
		<p><a id="loadBtn" href="#">Get photo</a></p>
		<div id="albumsContainer"></div>
	</body>
</html>