asked on

LightBox HTML/CSS/JQuery help - errors on Chrome, can't resolve without breaking IE

Experts,

I am reusing some code I found online, everthing does what I want except in Chrome two dots are visible in the lightbox when I click on an image in Chrome.

My experience in web design is very minimal, when I have tried to resolve the problem, it then breaks the functionality in IE8.

LightBox based on SlimBox2,
http://www.digitalia.be/software/slimbox2
which was then modified by another developer.
http://www.trips.elusien.co.uk/slimbox2/example9.html

my test page here
http://thydzik.com/test2/

I have attached an image showing the location of the dots if it isn't obvious.

Help appreciated.

saimazz

in your next image background there is some rubbish dot. delete it and everything will be ok.

Capture.PNG

Travis Hydzik

ASKER

saimazz, the gifs are transparent with rounded corners. your suggestion does not resolve the issue.

I have managed to remove one of the dots, and colored the other a grey to hide it.
we have to leave it this way if there are no other solutions.

ASKER CERTIFIED SOLUTION

Piotr D

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Travis Hydzik

ASKER

delink, thanks for the reply.
Yes, this this mod is a bit of a hack (trying to get auto resize to work)

I have previously tried the add a space method, but it then screws up the navigation icons in IE.
I have reimplemented the change to show.

I will look at Fancybox.

SOLUTION

Piotr D

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

Piotr D

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Travis Hydzik

ASKER

delinek, thanks for the help.

whilst none of the answers provided a solution.
awarded points for fancybox recommendation