LyteBox - projection of images in original size

Google Pages. Because it does not use web-based, and. Petrus Blogger. Recently, the PB the opportunity to upload pictures to Picasa Albums. It is interesting. After all,. Picasa Web Albums. Proved to be capable of generating a copy of the lower resolution image (thank you for your timely help akira ). Thus, the increased ease of posting screenshots. In order to bring some finality to the aesthetic display of originals, I decided to try out some modal windows on javascript, which, in fact, for this purpose and intended. The most popular solution called. LightBox 2. did not want to cooperate. Twisting a few more options, focused on. LyteBox.

installation.
a. For a good starting point. to get the archive. ;.
2. After unpacking, I edited. lytebox. css. By removing the structure. 'images /'. Next, set the value of. this. doAnimations = false. in the script. The animation had to be sacrificed for the sake of speed. Everywhere except in Opera 9. 5, maximizing windows hopelessly retarded.
3. Google pages load in the files. lytebox. css. and. lytebox. js. And graphics from the catalog of images ( not necessarily all to unload, I had the theme. grey. );.
4. We leave for. blogger. com. and copy the rows in the section. <head. >:.

<script. type. =. 'text / javascript'. language. =. 'javascript'. src. =. 'lytebox. js'. ></. script. >
<link. rel. =. 'stylesheet'. href. =. 'lytebox. css'. type. =. 'text / css'. media. =. 'screen'. /. >
5. You are now ready and can be placed Agitplakat about this form:. 


<a. href. =. 'images/image-1. jpg '. rel. =. 'lytebox'. title. =. ' The name of the discretion '. >Watch!. </. a. >
Familiar with these scripts help. This summary table. 
example. HTML code:. 


<a. href. =. 'http://lh4. ggpht. com / Dr. AKULAvich/RbkTEG2SVnI/AAAAAAAAAEU/JwXtbYG3fBs/DSCN0503. JPG? Imgmax = 800 '. rel. =. 'lytebox'. title. =. ' Logoysk '. ><img. src. =. 'http://lh4. ggpht. com / Dr. AKULAvich/RbkTEG2SVnI/AAAAAAAAAEU/JwXtbYG3fBs/DSCN0503. JPG? Imgmax = 320 '. border. =. '0 '. ></. a. >
The result:. 


? imgmax = 800. service indicates the width of the generated image. 

UPD:. Ceased to be used, t. to. ' naked ' image loading faster. In some cases, it is critical.