CodingLightbox2

 

Press Ctrl+Enter to quickly submit your post
Quick Reply  
 
 
  
 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.41 In reply to 38538.40 
It should, yes.
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.42 In reply to 38538.41 

It doesn't :(

 

Chrome 11.0.696.71 and FF 4.0.1

 

The popup seems to be working but the image is 100% size and not scaled at all.
I'll see if I can get you any more details.

0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.43 In reply to 38538.42 
By 100% size, you mean it's displaying at around 2592 × 1944, i.e.a gigantic popup covering the entire browser window?

I wonder if it's related to the use of full-size images as thumbnails. I shall investigate.

edit: you are putting the config stuff inside <script> tags, aren't you?
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.44 In reply to 38538.43 

Yes, showing as gigantic popup covering entire window, and yes it's inside <script> tags. I should've added the tags on here.

 

The content was being pulled from an MySQL db by PHP but I've just tried it with one of the same image files in a plain HTML file and it still happens.

0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.45 In reply to 38538.43 
Here's an example.
0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.46 In reply to 38538.45 
Oh, I see the problem. My fault :$

The browser is tripping over the config, because in my example I have

loading_spinner_url = "loading-spinner.gif",

when it should be:

loading_spinner_url: "loading-spinner.gif",

(a : not an = sign)

I've also uploaded a newer version of the code which makes the scaling a bit simpler.
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.47 In reply to 38538.46 
Yay, that works. I shall also download the new version.
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.48 In reply to 38538.46 
You might want to tell people to add the stylesheet link to the top of the page too. I was wondering why my images didn't have pretty borders :$
0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.49 In reply to 38538.48 
Heh, that's included in the .zip download :D

Also I just updated it again to remove the calls to console.log (which would make IE8 fall over), and fixed some positioning issues when using auto-scaling.
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.50 In reply to 38538.49 
Now I need to get "quickslide" into the Relationship Page to Target list in TinyMCE.
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.51 In reply to 38538.49 

Found a problem. I have a long page with 3 images/thumbs on it at different points down the page. First image/thumb is near the top, have to scroll to get to the other 2.

 

When I click the top one the popup appears half way down the page and I need to scroll down to see it.

 

Are you having the popup appear at the middle of the page height/vertical wise, rather than at the middle of the window?

0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.52 In reply to 38538.51 
It should appear in the middle of the page, plus scrolling.

I wonder if the issue is related to the size of the images. I suspect it might not be using the defined max sizes when positioning the images. Lemme take a look.
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.53 In reply to 38538.52 
If you've not seen the problem I've replicated it on the test file I linked to above.
0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.54 In reply to 38538.51 
Ok I think I found the problem. Have uploaded a (hopefully) fixed version now.
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.55 In reply to 38538.54 
Still there on my test page after updating quickslide.js
0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.56 In reply to 38538.55 
Hm, try adding this to your CSS:
CSS code:
body { overflow-y: scroll; }
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   
 To:  af (CAER)     
38538.57 In reply to 38538.56 

Nope :(

 

I've updated the test and you'll see if you click the bottom one it extends the page below the normal length of the page.

0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.58 In reply to 38538.57 
Ok, I've uploaded a test version that will output some information to the JavaScript console. In Chrome you can see this by pressing Ctrl+Shift+j (I think). Just click an image and tell me what it reports. It will list image height, scroll pos and window height. Do any of the numbers look wrong?
0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.59 In reply to 38538.57 
Huhm. I just downloaded a copy of your page and the image you're using, and with that test version it works fine :S (in Chrome 11 and FF4)
0/0
 Reply   Quote More 

 From:  af (CAER)  
 To:  ANT_THOMAS      
38538.60 In reply to 38538.57 
I've added a new thing: a 'dimmer' option, to darken the rest of the page when you open a popup. If you use it you'll need to add some CSS to make it actually visible, something like this:
CSS code:
#quickslide-dimmer {
	background-color: #333;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	box-shadow: 0 0 9em #000 inset;
}
0/0
 Reply   Quote More 

Reply to All  
 

1–20  21–40  41–60  61–80  81–91

Rate my interest:

Adjust text size : Smaller 10 Larger

Beehive Forum 1.5.2 |  FAQ |  Docs |  Support |  Donate! ©2002 - 2024 Project Beehive Forum

Forum Stats