Stackflow NOT helping me either :-(

by 12 replies
15
Is there anyone out there who can or knows someone who can or can point me in the RIGHT direction of someone who can ... Answer This Lightbox 2 Question?? :confused:

Lightbox 2 on html site - next/previous gifs not showing - no previous answers have solved this - Stack Overflow

I now have three websites with an improperly working code that I have tried everything I know to try to get it working correctly.

If the answer is not in the css code, then it's somewhere in the programming or java script and I don't know how to figure that out.

Thank you!!
#programming #helping #stackflow
  • In lightbox.css, where it says:

    #prevLink, #nextLink{width: 5%; - change 5% to 50%.
    • [ 1 ] Thanks
    • [1] reply
    • Thank you! Now, here's my code. Call me blind or whatever, but I'm not seeing it..

      If anything in this code is incorrect, please, please tell me where it is and what to fix ... :confused: Then I can simply copy this code to all of my site's lightbox css and finally be done with this thing. (And "they" say this is easy... )

      #lightbox{position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
      #lightbox img{ width:auto; height:auto;}
      #lightbox a:hover{ text-decoration:none; }

      #outerImageContainer{ position: relative; background-color: #fff; width:auto; height:auto; margin: 0 auto; }
      #imageContainer{ padding: 0px; }

      #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
      #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
      #imageContainer>#hoverNav{ left: 0;}
      #hoverNav a{ outline: none;}

      #prevLink, #nextLink{width: 100%; height: 100%; background-image: url(data:images/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
      #prevLink { left: 0; float: left;background: url(http://www.wedding-favor-bookmarks.c.../prevlabel.gif) no-repeat 0% 85% !important;}
      #nextLink { right: 0; float: right;background: url(http://www.wedding-favor-bookmarks.c.../nextlabel.gif) no-repeat 100% 85% !important;
      }
      #prevLink:hover, #prevLink:visited:hover { background: url(http://www.wedding-favor-bookmarks.c.../prevlabel.gif) left 15% no-repeat; }
      #nextLink:hover, #nextLink:visited:hover { background: url(http://www.wedding-favor-bookmarks.c.../nextlabel.gif) right 15% no-repeat; }

      #imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; color:444; background-color: #fff; margin:auto; line-height: 2.5em; overflow: auto; width: 100%; }

      #imageData{padding:0 10px; color: #444; }
      #imageData #imageDetails{ width: 100%; float: left; text-align: left; }
      #imageData #caption{ font-weight: bold;}
      #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
      #imageData #bottomNavClose{ width:100%; padding-bottom: 0.7em; outline: none;}

      #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height:500px; background-color: #644E5A; }
  • The site you have linked in stackoverflow thread has this code in http://www.wedding-favor-bookmarks.com/css/lightbox.css : #prevLink, #nextLink{width: 5%; . Now, if you change 5% to 50% there your prev/next links on that site should show up.

    What's wrong with the code you are posting in this thread, i can't say, it's not enough, could you just post a link to the site where this code supposed to be working.
    • [ 1 ] Thanks
    • [1] reply
    • [ 1 ] Thanks
    • [1] reply
    • And another baby step successfully completed! Thank you!

      Now for the formatting... Can you help me configure the positioning of the labels so they appear below the images in one of the two following positions, whichever is easiest to figure out?




      OR


  • Sorry, i don't think this is possible with this version of lightbox without some serious hacking. You can try Lightview if you need something also prototype-based and very similar to classic lightbox, but with more options.
    • [ 1 ] Thanks
    • [1] reply
    • I can't even begin to tell you how very helpful you've been!! I think I'm going to play it safe and leave well enough alone now.

      I just went through every image on every page of all three sites and I don't think the labels look so intrusive that I need to be playing around with the code anymore. All of the .gifs are showing up and it's working correctly - thank you!!!!!!!!
  • hahaha what a question :p
    • [1] reply
    • Obviously YOU didn't read the entire thread before posting this did you?
      • [1] reply

Next Topics on Trending Feed

  • 15

    Is there anyone out there who can or knows someone who can or can point me in the RIGHT direction of someone who can ... Answer This Lightbox 2 Question?? :confused: Lightbox 2 on html site - next/previous gifs not showing - no previous answers have solved this - Stack Overflow