How to add Slider into an existing page:
2) Publish it on a local drive in any test folder:
- open Gallery->Properties->Publish or click 'Publish' button on the main menu panel;
- select 'Publish to folder', click 'Browse' button and select any local folder
- click 'Publish' button
3) Open index.html file from the saved folder in any text editor (Notepad for example) or you can:
- open index.html page in any browser
- right click on the page
- select 'view source' of the page.
You'll find 'engine' and 'data' folders in this saved folder also.
4) Copy code for the HEAD section and paste it inside the HEAD/BODY section of your own webpage, for example:
<head>
...
<!-- Start HEAD section --> <link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End HEAD section --> ...
</head>
5) Copy code for the BODY section and paste it inside the Body section of your own web page in the place where you want to have a gallery, for example:
<body>
...
<!-- Start BODY section --> ...
<-- End BODY section --> ...
</body>
6) Notice, you should copy 'data' folder with images and 'engine' folder with all files into the same folder with your own webpage.
7) Preview your website in the browser.
Notice, that if you want to install galleries in Blogger posts and other pages which are not on your FTP server / domain name you should upload 'engine' and 'data' folders on your server and use absolute paths for all Slider files, for example:
<HEAD section --> <link rel="stylesheet" type="text/css" href="http://yourdomain.com/engine1/style.css" media="screen" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="http://yourdomain.com/engine1/jquery.js"></script>
<!-- HEAD section -->
No comments:
Post a Comment