There's an alternate way to include jQuery Library on the webpage without downloading jQuery file.
This can be done by adding src attribute to the script tag.
Set the value of src attribute to "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js";

The Explanation

Line 5 and Line 6 › height: 100% ; width: 100% ;
→ Height and Width is set to 100% to cover the entire screen.

Line 7 ›position: fixed;
→ This property will position the div with id="popup" relative to the browser window.
→ To position the element in the same spot on your screen even if you scroll up/down the page.

Line 8 and Line 9 › top: 0 ; left: 0 ;
→ To position the <div id="popup"> from the top-left corner .

Line 10 › display: none ;
→ To hide the <div id="popup">, display property is set to none.
→ By Default this popup div will not be displayed to the user.

[For <div id="center">] Line 12 › #center{
→ The selector id of the div.
→ The clicked image will be shown here.

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.