Hi all...

...Basically I want to have some links (images) open into a new browser window that opens only to the size of the image.

Linking them into a new window has been easy... but I'd really prefer them not to open in a maximised version of the browser... I'm using Dreamweaver3, but am happy to edit the html myself.

I had this posted in the web design section but this looks like a more suited forum…

Any advice would be greatly appreciated.

I think you'll need to use a little JavaScript to open the window to a specific size.

It's not very difficult to do even if you're not familiar with JavaScript. You use the open method of the window object, which sounds more confusing than it is.

It looks something like:

window.open('pathToYourImage', 'nameForNewWindow', 'somePropertiesYouCanControl');

you can use anything you want for the name of the window. It's mostly if you want to be able to do things with it later. The two properties you'll be most concerned with are the width and heght.

Your link might look something like

<a href="#" onclick="window.open('image.jpg', 'myWindow', 'width=400, height=300');" >Link Text</a>

The # just lets the html know that some JavaSript code is coming.

Here's a little more info from w3schools. Try the links at the bottom for the 'try it yourself demos.' You can try out different code and see what happens.

Thanks, this was exactly what I was after... but I found it after I went and fount an extension to do it.... ****!

so I'm sorted...

Thanks though!

Don't use # as an href... just link to your file as normal and use the code below so that non-js browsers can access the content:

<a href="image.jpg" onclick="window.open(this.href, 'myWindow', 'width=400, height=300');return false;" >Link Text</a>

and # actually just points to a blank anchor name, so in essence, the page just links back to itself. (it has nothing to do with JS) The return false will stop the browser from following the link, and loading the image in the current window.

Thanks funkdaddu. I always associate the # with JS, because that's generally where I see it, but I know you're right.

I think your practice of actually using a real path in the href is a better idea too for exactly the reason you mention. Thanks for the correction. My bad.