Saturday, December 19, 2009

Newborn Has Pleghm In Throat

Thus have I made it ...

A simple way of applying Lightbox - without having the files themselves on a web space hosting (and above all without having to change all references must) be - is here There must ...

I wanted to host the files themselves and I am really only the instructions on the page Lightbox2 - How to use followed.
  • files Save and download to your hard disk.
  • files via FTP upload to your own web space.
  • adapt to files and lightbox.js lightbox.css the paths of the references to the graphics ( Item 3 of Part 1 ).
  • References to JavaScript files and the CSS file to customize ( points 1 and 2 of Part 1 ) and insert in the header of my blog, I have taken the position immediately before the closing date header.
  • Note: it works only with full URL, not relative paths, because the script and the files on an external server located.
This completes step 1. If you want to now that a blog in the highly cluttered image opens when you click in a lightbox, you have to modify the HTML code of the post some. Therefore, this method is less suitable for someone who has no idea of HTML. Even in the adaptation of the files (as described above) one should fail. To become familiar with HTML, the page SELHTML is very good.
we come to point 2 :
  • I have a picture in a new post have uploaded. The picture I have previously adapted in a photo editor in size so as it will appear in the lightbox, it should fit most complete on the screen without having to scroll down.
  • If the image is shown in the editor window go to "Edit HTML" in
  • I
  • where I remove the \u0026lt;a> day, the "h" after the value "S1600" - that is added by Picasa and make it work not.
  • I also add the attribute rel = "lightbox" \u0026lt;a> in the day and a title added ( Item 1 of Part 2 )
is finished the frame .

also I can create with the same Sccript a Picture Show, which opens in a lightbox. You need only the attribute with a group name add in square brackets as in point 2 of Part 2 described.

The (title ) font color for the caption I change the file lightbox.css in the selector # image data, the background color for the overlay page the selector # overlay. Note: it does not work with the color name, you must specify the color value!

0 comments:

Post a Comment