Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Need to show a jpeg in a 'pop up' box

Featured Replies

Hi,

 

I want to show a few images on my website e.g. to see an example x click here, and for a box to open as a layer on top of the website that will then close.

 

Can anyone tell me what this is called so that I can search for something, or call anyone offer any help?

 

Many thanks

Something like ... lytebox, lightbox, thickbox ...

  • Author

Something like ... lytebox, lightbox, thickbox ...

 

That's the daddy! Thank you.

  • Author

All working perfect - how easy is that?

 

However, the image is a bit grainy. The resolution is high - so how do you resolve this - do you know?

 

thanks

  • Author

Link?

 

The page isn't ready, but if you want to look at what I mean: http://www.freerangefs.co.uk/introducerbusinessaids.html

 

If you go down the page to: View example business card..."

 

A few people are looking at this page and just getting a white page - any ideas what that could be? Is it something to do with the jscript?

 

thank you

  • Author

The page isn't ready, but if you want to look at what I mean: http://www.freerangefs.co.uk/introducerbusinessaids.html

 

If you go down the page to: View example business card..."

 

A few people are looking at this page and just getting a white page - any ideas what that could be? Is it something to do with the jscript?

 

thank you

 

Pages ok now I think - I think it was because I had only uploaded one page. I'm testing on this domain

I was looking at this in another thread - the problem seems to be a compatibility with IE8

 

(it works in Firefox 3, which I normally use ;) and also IE7)

  • Author

I was looking at this in another thread - the problem seems to be a compatibility with IE8

 

(it works in Firefox 3, which I normally use ;) and also IE7)

 

I am using IE7 and it's grainy. Someone else is viewing in IE8 and it's crystal clear.

  • Author

I just upgraded to IE8 and the image is clear now, but as you've said, the lytebox feature doesn't work as well. The background doesn't go dark and the CLOSE button isn't visible.

Try using a different script. I always like slimbox...

  • Author

I just upgraded to IE8 and the image is clear now, but as you've said, the lytebox feature doesn't work as well. The background doesn't go dark and the CLOSE button isn't visible.

 

Just updating the css and js files with the ones that this chap has posted and it works fine now. Maybe a little slower, but it does go black.

 

http://nederveld.wordpress.com/2009/07/02/lytebox-and-internet-explorer-8/

  • Author

Try using a different script. I always like slimbox...

 

I'll have a look at that, thanks

 

What's the collective term for this effect?

 

Good find MrsM :D

 

I see he's tested it in other browsers as well ...

 

After adding that code to the lytebox.js file, the LyteBox popup works properly in IE8 and continued working properly in all other tested browsers (IE7, Firefox 3.0.11, Safari 4.0, Chrome 2).
  • Author

Good find MrsM :D

 

I see he's tested it in other browsers as well ...

 

Glad to be of use for a change!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.