14th August 2006

Pixelpost 1.5 with Lightbox JS v2.0

posted in reviews |

Well, I have been using pixelpost now for quite some time and liked it a lot. A few day ago i came across Lightbox JS v2.0 and wondered why I haven’t seen it before on any websites. So I wanted to combine both for the “Browse View” of my pixelpost.

 pixelpost with lightbox in firefox screenshot

Before i continue with the install instructions you should have a look at it. Example Ok now what to do: At first I am assuming that you have Pixelpost 1.5 already installed. Now get Lightbox JS v2.0 and copy the folders “css” and “js” just aside your “index.php” from pixelpost and copy the stuff from the “image” folder into the existing “image” folder from pixelpost.

 pixelpost directory structure with lightbox included

 Should look like this in the end. Open pixelpost’s “index.php” and go to the line with the “$thumb_output” (line 723 for me) and replace it with:

$thumb_output .= "<a href='images/$name' rel='lightbox[views]' title='$title'><img src='$thumbnail' alt='$title' title='$title' class='thumbnails' /></a>";

Next go to your “browse_template.html” of the recent pixelpost template and insert:

<link rel="stylesheet" xhref="css/lightbox.css" type="text/css" media="screen" /> <script xsrc="js/prototype.js" type="text/javascript"></script> <script xsrc="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script xsrc="js/lightbox.js" type="text/javascript"></script>

Just put it under the existing “<link rel=”alternate stylesheet” …”.Sometimes you have to modify “lightbox.css” because of font colors of your pixelpost theme. Like in my case i had to edit this:

#imageDataContainer{ color: #666; …

In order to get a little link to the picture beside the caption i did the following edit in the “lightbox.js” . Look for the line with

Element.show('caption');

and replace the next line with

Element.setInnerHTML( 'caption', imageArray[activeImage][1] + " <a target=_blank xhref=" + imageArray[activeImage][0] + ">[ link ]</a> ");

It worked for me.

This entry was posted on Monday, August 14th, 2006 at 2:12 pm and is filed under reviews. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

There are currently 19 responses to “Pixelpost 1.5 with Lightbox JS v2.0”

Why not let us know what you think by adding your own comment! Your opinion is as valid as anyone elses, so come on... let us know what you think.

  1. 1 On April 23rd, 2020, หนังออนไลน์ จอมขมังเวทย์ 2 said:

    หนังออนไลน์ จอมขมังเวทย์ 2

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  2. 2 On April 30th, 2020, دانلود فیلم said:

    دانلود فیلم

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  3. 3 On June 8th, 2020, boksarice said:

    boksarice

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  4. 4 On June 12th, 2020, knights templar cross necklace said:

    knights templar cross necklace

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  5. 5 On June 13th, 2020, visit here said:

    visit here

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  6. 6 On June 24th, 2020, top marketing companies los angeles said:

    top marketing companies los angeles

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  7. 7 On June 30th, 2020, cotton said:

    cotton

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  8. 8 On July 2nd, 2020, web hosting said:

    web hosting

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  9. 9 On July 13th, 2020, Situs Slot Terpercaya said:

    Situs Slot Terpercaya

    blog topic

  10. 10 On July 22nd, 2020, qwedfqwewq said:

    qwedfqwewq

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  11. 11 On July 24th, 2020, S128 Apk said:

    S128 Apk

    blog topic

  12. 12 On July 27th, 2020, Syam Bangkok said:

    Syam Bangkok

    blog topic

  13. 13 On August 2nd, 2020, pligg.com said:

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

    Pixelpost 1.5 with Lightbox JS v2.0

  14. 14 On August 2nd, 2020, Utoms.org said:

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

    Pixelpost 1.5 with Lightbox JS v2.0

  15. 15 On August 7th, 2020, https://thekitchenconnection-nc.Com said:

    https://thekitchenconnection-nc.Com

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  16. 16 On August 20th, 2020, click for source said:

    click for source

    blog topic

  17. 17 On August 21st, 2020, juarabola365.com said:

    juarabola365.com

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  18. 18 On September 18th, 2020, relaxes your back and releases tension that overstrains neck and shoulder muscles. An adjustable front clasp customizes fit for individual comfort. said:

    relaxes your back and releases tension that overstrains neck and shoulder muscles. An adjustable front clasp customizes fit for individual comfort.

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code

  19. 19 On October 4th, 2020, venture cap said:

    venture cap

    Pixelpost 1.5 with Lightbox JS v2.0 » Pictures and Code