Hi all,

I want to show a description for my image ie when the thumbnail is clicked - like the attachment #1.

Can I do this with image field description (attachment #2)?

I tried this but the description appears (output by views) with the thumbnail and not when the thumbnail is clicked =
http://treefish.co.uk/birdslb

Any suggestions please?

Thank you

Comments

juc1’s picture

StatusFileSize
new64.35 KB

my lightbox view (see attached)

bradallenfisher’s picture

You should try to use the lightbox display in views.
http://drupal.org/node/735424

juc1’s picture

@ baf139, awesome thank you, here is the new version:

http://treefish.co.uk/birdslb2

I prefer the 'previous' and 'next' buttons in the old version (ie higher up and only visible on hover) =
http://treefish.co.uk/birdslb

- can I get them back?

thank you

bradallenfisher’s picture

do you by any chance have the option to display alternative layout checked?
http://treefish.co.uk/admin/settings/lightbox2

I will wait to hear back before searching for another solution.

juc1’s picture

No, 'Use alternative layout' is not checked.

Thanks for your help...

juc1’s picture

StatusFileSize
new59.42 KB

Lightbox settings =

bradallenfisher’s picture

I suggest you try this while using the garland them to see if it works. It seems like it is a CSS problem. Also look at every single setting in lightbox and Views. Sometimes the overlooked is the problem.

Since i can't reproduce this with views lightbox trigger, i am at a loss. :( Good luck though!

juc1’s picture

It is now Garland theme = http://treefish.co.uk/birdslb2

but no change, so I guess it's not a theme issue...

Thanks...

juc1’s picture

StatusFileSize
new148.94 KB
new146.16 KB

In lightbox.css, http://treefish.co.uk/birdslb (nice navigation = 'previous' and 'next' appearing on hover) uses #hoverNav (812 px x 614 px, covering the entire image) =

#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

http://treefish.co.uk/birdslb2 uses #frameHoverNav (618px x 45px, covering only the buttons) =

#frameHoverNav {
z-index: 10;
margin-left: auto;
margin-right: auto;
width: 20%;
position: absolute;
bottom: 0px;
height: 45px;
}

I can reposition the buttons but they remain visible rather than appearing on hover.

juc1’s picture

Issue summary: View changes

x