nomis66 — 2012-10-11T17:47:28-04:00 — #1
No, it's not a medical condition it's a question. I'm not actually sure if it should be posted here or in the JS section or whatever as I'm not sure what technology will create the solution.
On my site I have four image thumbs running across the middle:
Now I don't want to reformat them or alter them in any way, but when clicked on I'd like each image to expand into a mini window within the main window - Just like when one clicks on an image in someones photo album on Facebook. It would also be good if I had the ability to add a caption. So just to be clear, I don't want it to open in a separate browser window or tab.
I'm using Dreamweaver at the moment but only to hand code HTML/CSS. I don't have any understanding of JS (yet).
Any advice will be gratefully received.
ralphm — 2012-10-11T19:53:40-04:00 — #2
nomis66 — 2012-10-13T20:37:53-04:00 — #3
kohoutek — 2012-10-13T21:20:35-04:00 — #4
If you do a search on CSS lightbox or modal, you'll get quite a few CSS-only solutions.
Here's one: http://www.cssplay.co.uk/menu/cssplay-radiobox.html
Most of them are not compatible with legacy browser versions, however, so JS might be a better solution.
ralphm — 2012-10-13T22:32:12-04:00 — #5
nomis66 — 2012-10-14T16:16:11-04:00 — #6
The first CSS looks promising, and it works back to IE6.