Basically I have a slightly non-standard implementation of FancyBox. By default you have
to include a link
to the large version of
the image so that
the Lightbox can display it. However, in my implementation,
the image link URLs point
to a script rather than directly
to the image file. So for example, instead of:
<a href="mysite/images/myimage.jpg" rel="gallery">
I have:
<a href="mysite/photos/view/abc123" rel="gallery">
The above URL points
to a function:
public function actionPhotos($view)
{
$photo=Photo::model()->find('name=:name', array(':name'=>$view));
if(!empty($photo))
{
$this->renderPartial('_photo', array('photo'=>$photo, true));
}
}
The "$this-renderPartial()" bit simply calls a layout file which includes a standard HTML tag
to output.
Now when
the user clicks on a thumbnail,
the above function is called and
the large image is displayed in
the Lightbox.
Now if
the user right clicks on
the thumbnail and selects "open in new tab/window" then
the image is displayed in
the browser as per normal, i.e. just
the image. I want
to change this so that it displays
the image within a layout.
In
the above code I can include
the following and put it in an IF statement:
$this->render('photos', array('photo'=>$photo));
This will call
the layout file "photos" which contains
the layout
to display
the image in.
I have a specific limitation for this -
the image URL must remain
the same, i.e. no additional GET variables in
the URL. However if we can pass in a GET variable in
the background then that is OK.
I will most likely need
to change my function above so that it calls a different file for this functionality.
EDIT:
To demonstrate exactly what I am trying
to do, check out
the following:
http://www.starnow.co.uk/KimberleyMarren
Go
to the photos tab and hover over a thumbnail - note
the URL. Click
the thumbnail and it will open up in
the Lightbox. Next right click on that same thumbnail and select "open in new tab/new window". You will notice that
the image is now displayed in a layout. So that same URL is used for displaying
the image in
the Lightbox and on its own page.
The way StarNow have done this is using some crazy long JavaScript functionality, which I'm not too keen on replicating.
