Results 1 to 2 of 2

Thread: Buttons not working in Lightbox Slideshow

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

    Default Buttons not working in Lightbox Slideshow

    1) Script Title: Lightbox image viewer 2.03a

    2) Script URL (on DD): http://dynamicdrive.com/dynamicindex...box2/index.htm

    3) Describe problem: I have created a lightbox slideshow and everything appears to be working fine, except the "next" "back" "close" and "loading" all the pictures are saved in my images file, and I can't seem to find anything wrong with my script. Please Help!!!

    http://dalleymasonry.com/photogallery.html

    Thanks,

  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

    I only tracked this down for the closelabel.gif image, but I imagine the same is likely true for all of the resource images involved here.

    Upper and lower case matter on the web. Your script is looking here for the image:

    Code:
    http://dalleymasonry.com/images/closelabel.gif
    It is not there, it is here:

    Code:
    http://dalleymasonry.com/Images/closelabel.gif
    Now I believe the location of some of these images are set in the script file, near the beginning, others are set in the css file. So the changes must be made both places, in the lightbox.js script file:

    Code:
     . . . 
    	- initLightbox()
    	
    	Function Calls
    	- addLoadEvent(initLightbox)
    	
    */
    // -----------------------------------------------------------------------------------
    
    //
    //	Configuration
    //
    var fileLoadingImage = "Images/loading.gif";		
    var fileBottomNavCloseImage = "Images/closelabel.gif";
    
    var animate = true;	// toggles resizing animations
    var resizeSpeed = 7;	// controls the speed of the image resizing animations (1=slowest and 10=fastest)
    
    var borderSize = 10;	//if you adjust the padding in the CSS, you will need to update this variable
    
    // -----------------------------------------------------------------------------------
    
    //
    //	Global Variables
    //
    var imageArray = new A . . .
    And in the lightbox.css style file:

    Code:
     . . . vLink, #nextLink{
    	width: 49%;
    	height: 100%;
    	background: transparent url(../Images/blank.gif) no-repeat; /* Trick IE into showing hover */
    	display: block;
    	}
    #prevLink { left: 0; float: left;}
    #nextLink { right: 0; float: right;}
    #prevLink:hover, #prevLink:visited:hover { background: url(../Images/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(../Images/nextlabel.gif) right 15% no-repeat; }
    
    
    #imageDataContainer{
    	font: 10px Verd . . .
    - John
    ________________________

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

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
  •