Sorry it took so long for me to reply. I wanted to try a few more attempts first within the framework itself. In doing that, I discovered that there is something wrong with a call within the Zend framework. So I have to go "outside" of the framework to solve this. Which thus gives me more support in terms of community involvement.
With that being said, I went to this link for my latest attempt: https://github.com/krewenki/jquery-lightbox
I followed the instructions step-by-step. Since I'm working on the site locally, I'm going to have to post the html code here instead of linking you to the site.
My <head> looks like this:
And based on the instructions, all I need to do is include a in an anchor tag. From what I see, the jquery code will look for the href attribute and it's value will be displayed in the lightbox.
<link media="screen" type="text/css" href="/js/jquery/css/dark-hive/jquery-ui-1.9.2.custom.css" rel="stylesheet">
<script src="/js/jquery/js/jquery-ui-1.9.2.custom.min.js" type="screen">
<script src="/js/jquery/js/jquery.lightbox.js" type="screen">
<link type="text/css" rel="stylesheet" media="screen" href="/css/lightbox.css">
<link type="text/css" rel="stylesheet" media="screen" href="/css/latestnews-styles.css">
I tried an image "value.gif" first and it didn't work. Then I tried an actual page (which is the ultimate goal). The page is a subform. My goal is to create a signup form with a lightbox effect. So far..no good.