PrettyPhoto Lightboxing Script

So I was testing my home server that has an installation of WordPress and acts as a back up for this blog.. anyway… i downloaded the light-boxing script “pretty photo” from No Margin For Errors and I when I had installed it I realized it did not have a flash player so I added my own add ins and it is now using jwplayer as its flash player here is the code and the walk through of what I did…

first download the custom pretty photo script from http://www.mediafire.com/?awlj13b9bqazbq4

then extract and open up the file “jquery.prettyphoto.js” in any text editor (if you have Dreamweaver; I would recommend using it instead)

Then look for “jwplayer_markup”

now all the links that are inside the section replace them with the links to the location of the prettyphoto folder on your site

NB I am unsure as to whether or not the player would work for html5 devices but the jwplayer site says it should.

If you encounter any problems post a comment here with your problem

9 Replies to “PrettyPhoto Lightboxing Script”

  1. Hi,
    at first, thanks much for the tips.
    i have only a problem on Internet explorer
    when jwplayer opens video,
    It only shows a section of the video. The rest of the video is not visible!
    if you have an idea…
    best regards
    eric

  2. sorry i have found…. i m so stupid
    look at your file “prettyphoto.js” on line :
    jwplayer_markup: ‘<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width} height="{height}" id="single1" name="single1"

    you forgot the " after the word "{width}
    🙂
    everything looks good now
    thanks a lot!

  3. Hi ddmboss,

    Thanks for the prettyphoto files. I have a few questions regarding the JWPlayer. I am currently using a software called fancy gallery that allows the user to create video galleries with prettyphoto. To create the video gallery, it asks for the jwplayer url?
    1. How do I create the jwplayer url?
    2. How can I create a jwplayer swf file that includes a .flv or .mp4 video file?

    I am new to the programming world, and your response is greatly appreciated.

    Thanks,

    Gio

    1. The jwplayer url is the “http:// “location of the jwplayer for the player to work it requires it to have such a link
      You do not have to create another swf file all you have to do is at the end of the url for the jwplayer just add “&” and the url of the media file.
      If you are using my files and have updated the links you wont have to add the jwplayer url at the beginning only the url of the file you want in the gallery

      1. Hi ddmboss,

        Thank you for the response. Can you please provide me an example of what the URL should look like including the video file?

        I assume the URL would look something like this:
        http://localhost/ddm/wp-content/themes/twentyeleven/js/prettyPhoto/player/player.swf&http://localhost/ddm/wp-content/themes/twentyeleven/videos/computer-code-video.flv
        or
        http://localhost/ddm/wp-content/themes/twentyeleven/js/prettyPhoto/player/player.swf&computer-code-video.flv

        ??

        Your response is appreciated.

        Thanks,

        Gio

Leave a Reply