Lightbox & <iframe> - Request solution

    I have no clue as to where I could have posted website related issues, please move where it should be.

    It's something I've just noticed recently, I'm using the javascript "Lightbox" to load up 800*600 images from a thumbnail, however all my content is set within a small (like Vivi's portfolio) so ofcourse the image loads within that page and causes scrollbars.

    Is it not possible to force Lightbox to load these images OUTSIDE the so it opens OVER everything rather than inside? Lightbox is a nice little script and it'd be a shame not to use it - otherwise I'll have to find a more simplistic (and boring) approach to showcasing larger screens. The best size the fits in the box is stuff 480 wide, 384 high - too small.

    website in question is here; http://qshockwave.planetduke.gamespy.com/gallery/

    please note the colour scheme is most likely going to change real soon.

    Quote from Pericolos0

    or: dont use an iframe!

    Obviously, but how the site is currently put together I'd have constantly add any changes to the main page (say adding a new link) then make that same change to the others. With a all I have to worry about is content pages.

    Quote from Quakis

    Obviously, but how the site is currently put together I'd have constantly add any changes to the main page (say adding a new link) then make that same change to the others. With a all I have to worry about is content pages.

    there was some invention called PHP or maybe even wordpress :X

    I don't think it's possible for lightbox to ignore the frame it's in, since it's bound to it. You’d have to link the images normally with target="_parent" or target="_top,” which isn’t what you want.

    But you can get rid of those iframes without making updating the site unmanageable. I'm pretty sure your server will allow PHP or Server Side Includes, just make a header and footer file that incorperates everything of your design except for the actual page and put those two at the beginning and end of each file.

    To use PHP your pages might need to end in .php, depending on the server. The PHP one would just be:

    To do it with SHTML (which may need a .shtml extension) use:

    Code
    - Page stuff -
    Quote

    there was some invention called PHP or maybe even wordpress :X

    Your talking to a guy who still uses the Build Engine. Besides, I didn't really want another Wordpress installed on my site since I use one for reviewing map/mods and wanted project related stuff seperate.

    Quote

    But you can get rid of those iframes without making updating the site unmanageable. I'm pretty sure your server will allow PHP or Server Side Includes, just make a header and footer file that incorperates everything of your design except for the actual page and put those two at the beginning and end of each file.To use PHP your pages might need to end in .php, depending on the server. The PHP one would just be:

    The obvious can hurt. This method was a much better approach, everything works the way intended (offline right now) Thanks =x

    Ah yes, the time one learns about the magnificence of includes.

    Truly amongst the most helpful things in any web designer's tool kit.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login