1. Download the Lytebox files from http://www.dolem.com/lytebox/lytebox_v3.22.zip
2. Create a Document Library
3. Create images folder inside the Document Library
4. Upload files and Upload image files in Images folder respectively.
5. Go to any page you wanna use this feature.
6. Edit the page and add content editor web part.
7. In source view add
<script type="text/javascript" language="javascript" src="NameofLib/lytebox.js"></script>
<link rel="stylesheet" href="NameofLib/lytebox.css" type="text/css" media="screen" />
8. Add Another Content Editor Webpart
9. In Souce View Add
<A href="www.google.com" rel="lyteframe" title="My Page" rev="width: 600px; height: 700px; scrolling: no">Google</A>
10. Exit the Edit Mode
Note: Twaeking the Point 7 may require when stylesheet is not getting referenced.
Like using "../NameofLib/lytebox.js"
No comments:
Post a Comment