Thumbnail problem in Dreamweaver

[Flame]

So I started working on my site again and ran into a bit of a snag. On this page http://www.jjwdesigns.com/motorcycle_and_atv_graphics.htm You'll see I have some thumbnail images on the right hand side. When you click on them, you get a larger image of them. HOWEVER, I want that larger image to open in a new window, not my current one. The problem right now is someone will go and look at, say, the blue fire graphics. But when they are done looking, they are just used to "X-ing" out of the window and then my site is gone too and they have to start over.

Any idea how to do this in Dreamweaver? So that when they click on a thumbnail or a link it opens in a different window rather than the one that's already open?




:peace!:

[njsigns]

Hey Flame - easy fix - change this in your code "<"a href="2-11-07.... target="_blank"">"
"img src...."/a"

That will open the image in a new window.

Gene

[njsigns]

I hope you get the idea, the board was "absorbing my code", and didn't display the text correctly, so it isn't exactly right above with all the ""'s. Mainly you want to put that target="_blank" (exactly like that) in the first (opening) anchor tag.

Gene

[Bobby H]

I use JavaScript functions for opening a new browser window. Select the thumbnail image and type "javascript:;" in the "Link" field down below in the Properties tab. Bring up Dreamweaver's "Behaviors" window and assign the Open Browser Window command to the JavaScript function. You can define how big the new window will be and what sorts of browser elements will be in it. I'll often use new browser windows with none of the user interface elements in it at all. I'll usually include another bit of JavaScript code in a button for the user to close the browser window (some just don't know they can hit the little "X" in the upper right hand corner).

[jkkt]

Flamemaster,

Sorry can't help with the dreamweaver issues (someone else handles that here). I do like the cleaner look of the site and the pictures. I think you are on the right track with the ability to enlarge the pics, I always appreciate that on a site.

I did notice an error on the page (don't take this in a negative way) this info is meant to be helpful, and I thought you might want to know. But the bottom pic on your web page you posted of the graphics with the large yamaha logo is incorrect. That is the logo for yamaha non moto (music). See yamaha.com (top left) and notice how the center tuning forks do not touch the circle, now go to yamaha-motor.com (top left) and notice how the center tuning forks touch the outer circle and go outside the inner circle. It is a small but significant detail those of us who do mx graphics need to know.

[Flame]

Hey jkkt, thanks. It's all I had though, and normally I wouldn't use the logo, but it was a freebie job and the kid wanted it. I'm scared stiff of using corporate logo's, and have been trying to avoid having to do it now (even though EVERYONE wants it on their bikes. lol).

I'll try messing with the website again tonight and see what I can pull off.

[Ian Stewart-Koster]

I do it via the "target = blank" method that nj signs mentions- in D'w you can look at the design in design view only, or design + code, or code only. That's all under the <view> menu. Select design + code, and in the code a+href bit, add the target=blank exactly as he spelled it, including the double inverted commas & punctuation as shown. Then save the file, then upload it.

It's a shame D'w doesn't have this clearly spelled out in the help files...

(Thanks Bobby H-, I'll try the javascript way sometime soon...)

[odecom]

in dreamweaver on the 'properties' bar, under the hyperlink there is a drop down menu for 'Target'. just select the link (or the picture, which holds the link) and change the drop-down to 'blank' as others have mentioned.

[Ian Stewart-Koster]

so simple... thanks odecom!

[TresL]

In the target drop down, select "_blank"

a href="2-11-07/bike_graphics/motorcycle_and_atv_graphics/large_images/ac_kx_swingarm_large.jpg" target="_blank"

[javila]

Like mentioned change the target to "_blank" on the properties section.

You could also add a javascrip behaviour that'll make a new window at whatever size you want (i.e. the size of the picture).

On the behaviour panel:

Add a behaviour 'on click' then set the parameters to "_blank" target, and whatever other options you want. (no scroll, no url, etc.)

[TresL]

[QUOTE]
!<script>
!
!function openWindow(url)
!{
! var w = window.open (url, "win", "height=650,width=750,resizable");
!}
!</script>
!
!<area href="javascript:openWindow('yourURL2open.html')" shape="rect" coords="255, 12, 369, 35">QUOTE]

Here is a basic example

[TresL]

opps....

Here is the code....