Results 1 to 3 of 3

Thread: Lightbox scrolling background color problem

  1. #1
    Join Date
    Oct 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Lightbox scrolling background color problem

    Hello,

    I am using lightbox to view images on my website. If the images are too big and you need to scroll to see the whole picture, the background color overlay of the part you need to scroll for to see is white instead of grey.

    Here's a link to my website. You can see the problem when you click on a photo and scroll down. http://www.cassandrasnepvangers.nl

    I have no idea how to fix this, can anyone help me?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Use a standards invoking DOCTYPE and update to jQuery 1.8. Change this:

    Code:
    <html>
    
    <head><title>CassandraSnepvangers.NL - Grimeur, Special Make-up Artist, Wig and Hairstylist</title>
    
    <LINK HREF="css/style.css" REL="stylesheet" TYPE="text/css">
    
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/lightbox.js"></script>
    <link href="css/lightbox.css" rel="stylesheet" />
    
    </head>
    to:

    Code:
    <!DOCTYPE html>
    <html>
    
    <head><title>CassandraSnepvangers.NL - Grimeur, Special Make-up Artist, Wig and Hairstylist</title>
    <LINK HREF="css/style.css" REL="stylesheet" TYPE="text/css">
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script src="js/lightbox.js"></script>
    <link href="css/lightbox.css" rel="stylesheet" />
    
    </head>
    However, you may as well go ahead and validate the entire page:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html><head><title>CassandraSnepvangers.NL - Grimeur, Special Make-up Artist, Wig and Hairstylist</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    <link href="css/lightbox.css" rel="stylesheet">
    
    </head>
    
    <body>
    
    <br>
    
    <h1>CASSANDRA SNEPVANGERS</h1>
    
    <h2>grimeur, special make-up artist, wig and hairstylist</h2>
    <hr>
    <h3>&nbsp;&nbsp;&nbsp;
    <a href="cv.html">CURRICULUM VITAE</a>&nbsp;&nbsp;&nbsp;
    <a href="index.html">PORTFOLIO</a>&nbsp;&nbsp;&nbsp;
    <a href="contact.html">CONTACT INFO</a>&nbsp;&nbsp;&nbsp;
    </h3>
    
    <h5>
    <br><br>
    <a href="images/anime.jpg" rel="lightbox[pf]" title="Fotograaf: Titus Davidheimann Beek<br>Model: Alina"><img alt="" src="images/animet.jpg"></a>&nbsp;&nbsp;
    <a href="images/white.jpg" rel="lightbox[pf]" title="Fotograaf: Titus Davidheimann Beek<br>Model: Alina"><img alt="" src="images/whitet.jpg"></a>&nbsp;&nbsp;
    <a href="images/priestess1.jpg" rel="lightbox[pf]" title="Fotograaf: Titus Davidheimann Beek<br>Model: Samira"><img alt="" src="images/priestess1t.jpg"></a>&nbsp;&nbsp;
    <a href="images/priestess2.jpg" rel="lightbox[pf]" title="Fotograaf: Titus Davidheimann Beek<br>Model: Samira"><img alt="" src="images/priestess2t.jpg"></a>&nbsp;&nbsp;
    <a href="images/priestess3.jpg" rel="lightbox[pf]" title="Fotograaf: Titus Davidheimann Beek<br>Model: Samira"><img alt="" src="images/priestess3t.jpg"></a>&nbsp;&nbsp;
    <a href="images/kaya1.jpg" rel="lightbox[pf]" title="Fotograaf: Bas Lammersen<br>Model: Kaya"><img alt="" src="images/kaya1t.jpg"></a>&nbsp;&nbsp;
    <a href="images/kaya2.jpg" rel="lightbox[pf]" title="Fotograaf: Bas Lammersen<br>Model: Kaya"><img alt="" src="images/kaya2t.jpg"></a>&nbsp;&nbsp;
    <a href="images/kaya3.jpg" rel="lightbox[pf]" title="Fotograaf: Bas Lammersen<br>Model: Kaya"><img alt="" src="images/kaya3t.jpg"></a>&nbsp;&nbsp;
    <a href="images/kaya4.jpg" rel="lightbox[pf]" title="Fotograaf: Bas Lammersen<br>Model: Kaya"><img alt="" src="images/kaya4t.jpg"></a>&nbsp;&nbsp;
    <a href="images/cbma1.jpg" rel="lightbox[pf]" title="Fotograaf: Ruurd Van Dijk<br>Model: Suzanne"><img alt="" src="images/cbma1t.jpg"></a>&nbsp;&nbsp;
    <a href="images/cbma2.jpg" rel="lightbox[pf]" title="Fotograaf: Ruurd Van Dijk<br>Model: Suzanne"><img alt="" src="images/cbma2t.jpg"></a>&nbsp;&nbsp;
    <a href="images/horror3.jpg" rel="lightbox[pf]" title="Fotograaf: Hans Thé<br>Model: Bianca"><img alt="" src="images/horror3t.jpg"></a>&nbsp;&nbsp;
    <a href="images/horror1.jpg" rel="lightbox[pf]" title="Fotograaf: Hans Thé<br>Model: Bianca"><img alt="" src="images/horror1t.jpg"></a>&nbsp;&nbsp;
    <a href="images/gaga.jpg" rel="lightbox[pf]" title="Fotograaf: Hans Thé<br>Model: Jade"><img alt="" src="images/gagat.jpg"></a>&nbsp;&nbsp;
    <a href="images/chaise.jpg" rel="lightbox[pf]" title="Fotograaf: Titus Davidheimann Beek<br>Model: Nena &amp; Petra"><img alt="" src="images/chaiset.jpg"></a>&nbsp;&nbsp;
    <a href="images/shiva2.jpg" rel="lightbox[pf]" title="Fotograaf: Titus Davidheimann Beek<br>Model: Saskia"><img alt="" src="images/shiva2t.jpg"></a>&nbsp;&nbsp;
    <a href="images/shiva1.jpg" rel="lightbox[pf]" title="Fotograaf: Titus Davidheimann Beek<br>Model: Saskia"><img alt="" src="images/shiva1t.jpg"></a>&nbsp;&nbsp;
    
    </h5>
    </body></html>
    Last edited by jscheuer1; 10-29-2012 at 07:00 AM. Reason: post valid page code
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Oct 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you very much, it's working properly now!

Similar Threads

  1. Replies: 0
    Last Post: 06-02-2012, 09:55 PM
  2. Replies: 2
    Last Post: 08-02-2010, 09:12 AM
  3. Drop-in box background color problem
    By Tammy1 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-09-2009, 11:33 PM
  4. Problem with Rollover background-color button script
    By mitchellyachting in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-22-2008, 11:08 AM
  5. Replies: 3
    Last Post: 05-12-2006, 10:48 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •