Dataview with Lightbox

Suite and Optimus Suite 5
#1

Hi,
I’m trying to use Lightbox to open an image on screen. I’ve added the below to the header

And have the following Dataview script:

var imageview = accord.cells(“a2”).attachDataView({
container:“data_container”,
type:{
template:“”,
height:100,
width:100
}
});
imageview.load(“codebase/php/image_view.php”);

I can see the image, but when I click on the image it just opens the image in the same window and I have to use the ‘back’ but to get back to my program. The tag data-lightbox=‘#filename#’
should open the image onscreen overlaying my content.
You can lightbox demo here: lokeshdhakar.com/projects/lightbox2/

Appreciate if you can advise how to get lightbox to work with my dataview to open images as an overlay like it’s supposed to.

Thanks,
Brian

#2

Ok, I’ve got it working as I was missing a filing in my js folder: jquery-1.10.2.min.map,
however, still have one issue.

If I just click on the image, the page redirects and displays just the image.
If I click on the dataView cell of the image first and then click the image, Lightbox works.

Is there a way to get the image to open in lightbox regardless of whether the cell is clicked first or the image is clicked first?

#3

ok, solved now for anybody that wants this, add onclick=‘return false’ to the href tag. Only minor issue is that you have to double click on the image to use lightbox