Shadowbox won't display Next, Previous or Close images

classic Classic list List threaded Threaded
9 messages Options
Reply | Threaded
Open this post in threaded view
|

Shadowbox won't display Next, Previous or Close images

Philip Welsh
I haven't changed anything in the shadowbox.js file

Image paths are correct in the shadowbox.css file

Cursor changes to finger when hovering over images, but image visibility seems to have a false attribute or something...

Gallery is at www.barbarapaca.com/storefront7.html (click on the green "See More..." button)

Any help would be very appreciated.
Reply | Threaded
Open this post in threaded view
|

Re: Shadowbox won't display Next, Previous or Close images

dataload

Have a look at your shadowbox.css, the paths to the images aren't specified properly: http://www.barbarapaca.com/shadowbox.css

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:images/loading.gif no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:images/close.png;}
#sb-nav-next{background-image:images/next.png;}
#sb-nav-previous{background-image:images/previous.png;}
#sb-nav-play{background-image:images/play.png;}
#sb-nav-pause{background-image:images/pause.png;}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
Reply | Threaded
Open this post in threaded view
|

Re: Shadowbox won't display Next, Previous or Close images

Philip Welsh
Thanks for the tip, but what do you mean? Should I put the full http URL for each image?
Reply | Threaded
Open this post in threaded view
|

Re: Shadowbox won't display Next, Previous or Close images

Philip Welsh
Scratch that last post, I figured it out.
Reply | Threaded
Open this post in threaded view
|

Re: Shadowbox won't display Next, Previous or Close images

Lisa
Hi can you say how you figured this out as I'm also having problems.
Reply | Threaded
Open this post in threaded view
|

Re: Shadowbox won't display Next, Previous or Close images

Lisa
For the basic prev/next nav to show up you need to put the images into a gallery by adding some sort of gallery name eg: [gallerynamehere]
It goes into the rel="shadowbox" tag. eg:  rel="shadowbox"[gallery]

Maybe like me you also just went: doh! hehe
Reply | Threaded
Open this post in threaded view
|

Re: Shadowbox won't display Next, Previous or Close images

LJAMES56
In reply to this post by Philip Welsh
Yes, I am having same exact problem and have not figured it out. More details please????
Reply | Threaded
Open this post in threaded view
|

Re: Shadowbox won't display Next, Previous or Close images

LJAMES56
I found the remedy! add the following:

#sb_nav a {
     overflow: visible;
}
Reply | Threaded
Open this post in threaded view
|

Re: Shadowbox won't display Next, Previous or Close images

Formerly Frustrated
In reply to this post by Lisa
THANK YOU for this. The first few results for adding navigation were talking about modifying the .js file which can cause problems with upgrades.

This worked perfectly.