Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Lightbox Question

Featured Replies

Hello all,

 

I'm working on my first website in Dreamweaver for someone who is working on a research project. I have various pictures from the project, and I'm using Lightbox (http://www.lokeshdhakar.com/projects/lightbox2/) to enlarge the pictures and show captions. It usually dims the entire page to show the picture, but on some images it doesn't cover up the whole page. There's a sliver on the right hand side that isn't dimmed.

 

I might be a little vague right now, but take a look for yourself (if you wouldn't mind!) - Click on any picture at http://nauticom.net/users/mheilman/namekag...ry/logging.html - Those should work correctly.

 

If you go to http://nauticom.net/users/mheilman/namekag...escription.html and click on the picture the far right side of the page isn't dimmed, but the rest is. I'm testing all of this in Firefox.

 

Does anyone know what the problem could be? Any help is greatly appreciated!

Looked ok in FF but not IE

 

If you look at the lightbox website, it shows how to make the links i.e.

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

 

Whereas, you have ...

<a href="../assets/logging/tourism.jpg" rel="lightbox" title="Caption 3">
<img src="../assets/logging/tourism.jpg" 
width="155" height="300" hspace="10" vspace="10" border="0" align="left" /></a>

 

try stripping down your code to look like the example i.e. get rid of width, height, hspace, vspace, align etc and see if that resolves your problem?

  • Author
Looked ok in FF but not IE

 

If you look at the lightbox website, it shows how to make the links i.e.

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

 

Whereas, you have ...

<a href="../assets/logging/tourism.jpg" rel="lightbox" title="Caption 3">
<img src="../assets/logging/tourism.jpg" 
width="155" height="300" hspace="10" vspace="10" border="0" align="left" /></a>

 

try stripping down your code to look like the example i.e. get rid of width, height, hspace, vspace, align etc and see if that resolves your problem?

 

Thanks for the idea, but I tried that to no avail. Whenever I took out all the extra stuff it still kept the unshaded region on the far right of the page.

 

Do you have any other idea? This is really confusing me.

I had a problem with lightbox and basically i needed to make sure my css body element had a width of 100%....

 

Does that work for you?

  • Author
I had a problem with lightbox and basically i needed to make sure my css body element had a width of 100%....

 

Does that work for you?

 

My CSS looks fine - all the widths are set at 100% except #outerImageContainer and #prevlink, #nexlink.

My CSS looks fine - all the widths are set at 100% except #outerImageContainer and #prevlink, #nexlink.

 

Sorry I mean your css not the lightbox css....

  • Author
Sorry I mean your css not the lightbox css....

 

What should I make 100%? I have my wrapper div at 950px. I have a wrapper, main content, footer, links, and header divs.

Ahhh

 

I downloaded my lightbox from there orginally and was a duff...

 

I'll find the link for the version i use that works correctly...and post it in a min. Ok can't find a link... shall i email you the lightbox version i have? Pm me if you want... :)

  • Author

Weird... it still isn't working and I installed the different version from Guezala.

 

Does anyone have any ideas?

Did you swap the files in the css and js folders?

 

I am very puzzled then .....

  • Author

Yes, I deleted all of the old ones then dropped the new files in the same spot (putting css in the css folder and the javascript in the js folder)

 

If you click on the links they're updated to the new Lightbox version you sent me. Maybe there would be details in there? I'm very puzzled.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.