My basic idea for creation of this page was that user can view the sort of movies or films that interest me. I did not want the user to leave my page and jump onto the media sharing site, youtube.com, from where I was importing my trailer. So, I used JavaScript and a jQuery lightbox clone, prettyPhoto. The API is easy to use and can be launched from anywhere and is a multipurpose media lightbox. I used the facet because I imported my knowledge of Lightbox (as per week 8 JavaScript understanding) in it. prettyphoto is an extension of lightbox , however, after doing all that was mentioned (as per http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/#), I was baffled and balked, as my video didn’t run. And it was nasty. I imported the respective *.js and *.css files and images into my root directory and incorporated the respective executable code in the body section of my HTML document as per the instructions in the tutorial but the videos were not running. I felt like hitting my head on the wall. But it was of no use, as the thing still won’t run. I downloaded the jQuery library again reloaded the tutorial site on my browser and ripped it open using firebug, especially the head section of the HTML document to see what JavaScript and jQuery based files the tutor incorporated in his code. That option worked and I did what the tutor did in his head section of the HTML doc. I incorporated jquery-1.3.2.min.js and jsapi from Google.com and viola!! I had to customize the code as per my file structure and the darn thing worked in the end but it took 3 days for me to get things moving.
<285:1343>
Reference:
Caron, S. 2008, prettyPhoto a jQuery lightbox clone, viewed 22 October 2009, http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/#
No comments:
Post a Comment