Translate

Sunday 6 October 2013

To View PDF File in Lightbox Using CSS&Javascript

Screenshot:
                                       
Explanitation:
                                         In this concept Like an Light box only.In Light box concept if u click an option that image will be viewed zoom that image.Likewise in the same concept i'll give coding for to view/display the PDF File in an lightbox concept.

index.php:

<html>
<link href="style2.css" rel="stylesheet"/>
<link href="style1.css" rel="stylesheet"/>
<script type="text/javascript" src="j.js"></script>
<script type="text/javascript" src="j1.js"></script>
</head>
<body>
<a style="width:144px;" href="parameters1.pdf" id="fb_26" class="demo" data-fb-options="className:floatbox;caption:href;">
<img id="fb_27" class="plain" src="pdf_108.jpg" alt="" height="108" width="144"></a>
</body>
</html>

Download CSS:style1.css,style2.css
Download js :j.js,j1.js

1 comment: