Album module question: where are my hovering arrows with Lightbox? [solved]

[JayP]

Hi All,

Kudos to all of the developers of CMSMS. I'm becoming more comfortable with it and hope to port over my old HTML-driven sites soon.

I have no trouble installing the Album module or changing the template to Lightbox. I love the arrows that appear when hovering over the left or right side of a picture; however, I've never been able to get it to work with my test albums. I have seen it working on other sites (Even on Elijah's site with CMSMS), so I know that it works on my computer. Currently, one can click to the next or previous picture by clicking on the right and left sides, respectively, but no hovering arrows appear. I checked the links in the stylesheet.css in the album module, and it links the GIF files in the directory where they are stored.

The following is a test album:

http://www.reachbeyond.org/petersonplac ... ?page=tags

I searched through the forums and couldn't find an answer, so I'd appreciate any direction.

Thanks,
Jay

[Dr.CSS]

FTP to to site see if the images are in the correct folder...

modules/Album/templates/db/lightbox/images/ and while your there check the permissions starting with Album all down to images should be drwxrwxr-x at least that's how mine looks it's, 775...

[JayP]

Hi Mark,

Thanks for the reply. Unfortunately, that didn't do it for me. I verified that the graphic files were in place, according to (Album) stylesheet.css. Since you're reply, I double-checked the location and also tried changing the permissions, but with no change in outcome. I then realized that loading.gif is loading correctly, and it is in the same folder with prevlabel.gif and nextlabel.gif (and also tried prev.gif and next.gif). Since I know that the loading.gif is displaying properly, I then experimented by adjusted stylesheet.css to load loading.gif to hover where prevlabel.gif should be, but it's still not visible with this use. I'm wondering if the GIFs are being displayed behind my photos.

By the way, none of this editing was possible while I utilized the Module Manager automatic install, for Apache didn't allow me user rights to edit or delete files or even change permissions. I then uninstalled it via the Module Manager and then uploaded it via FTP and now have the power to make the changes. I've read that this is a common occurence, so perhaps I will lean more toward uploading modules manually.

Here's the bit of code in Album's stylesheet.css (which perhaps should be changed to something like album.css in future releases to avoid confusion, as stylesheet.css is rather general) that I've been tweaking to no avail:
Line 382:#prevLink:hover, #prevLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; }
Line 383:#nextLink:hover, #nextLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; }

I welcome any thoughts regarding the next and previous graphics not appearing for me.

Thanks,
Jay

[Elijah Lofgren]

We found that the file path to the buttons was wrong and is fixed in svn version: http://viewsvn.cmsmadesimple.org/viewsv ... iew=markup

This was the needed change: http://viewsvn.cmsmadesimple.org/viewsv ... 313&r2=319

I've put it on my CMSMS to do list to make a new Album release this weekend.

[JayP]

Great job, Elijah. Thanks for looking into it. With the changes you suggested, it works perfectly.   :D

Jay

[nicmare]

tried same thing. rewriting the path in stylesheet.css
but the arrows still not appear!
any suggestions?

[halm]

clear cache, then retry?

[nicmare]

i did.
here the code
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.tvim.de/dix/modules/Album/te ... vlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.tvim.de/dix/modules/Album/te ... tlabel.gif) right 15% no-repeat; }

as u can see, i use absolute path to prevent from any doubts.
but there are still noch buttons to click next or preview images

[Dr.CSS]

Your post is a link so I clicked it and saw the next image, maybe something else in the call is not right, can you post more info as to the album/page it's on like a link to the page?...

[nicmare]

i made no changes in the code. just installed the xml. uploaded some images etc. the small textlinks (prev, next) in the left bottom corner of the "popup" work great. i can easly go forward through my albums. but just the comfortable image buttons over the image itself do not appear. weird thing. seems the function is somewhere disabled? is there a config for thickbox settings?

[halm]

is there a config for thickbox settings?

You do mean *lightbox* settings, right? Otherwise, that could be the answer right there

[nicmare]

nope:



t h i c k box .

[halm]

I may be the thick one here, but the code you posted says lightbox:

#prevLink:hover, #prevLink:visited:hover { background:
url(http:/ /www.tvim.de/dix/modules/Album/templates/db/[b]lightbox[/b]/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:
url(http:/ /www.tvim.de/dix/modules/Album/templates/db/[b]lightbox[/b]/images/nextlabel.gif) right 15% no-repeat; }

[nicmare]

yea. there is a lightbox dir. i dunno what the connection between them but i think it doesnt matter (hopefully )

[halm]

But I don't think the thickbox template/stylesheet allows for the hover arrows out-of-the-box.
You could snatch some code from out of the lightbox template and put it in your thickbox template - or switch to lightbox which has/should have the arrows as default