Page 1 of 1
click on smalll image & pop up with full size image.
Posted: Tue May 12, 2009 8:04 am
by itp
I'm not sure if this is standard HTML or a bit of javascript but I would like to click
on thumbnail of image (created with height,width attributes of <img> tag) and
get a window to pop up with full size image. Same window each time if possible.
Can anyone point me in right direction?
Re: click on smalll image & pop up with full size image.
Posted: Tue May 12, 2009 8:54 am
by witcos
instead of going with pop up..
why cant
you try jQuery light boxes it will be more user friendly
and..
you will get plug ins if
you surf
[url=http://forums.devnetwork.net/viewtopic.php?t=30037]Forum Rules[/url] Section 1.1 wrote:11. Please use proper, complete spelling when posting in the forums. AOL Speak, leet speak and other abbreviated wording can confuse those that are trying to help you (or those that you are trying to help). Please keep in mind that there are many people from many countries that use our forums to read, post and learn. They do not always speak English as well as some of us, nor do they know these aberrant abbreviations. Therefore, use as few abbreviations as possible, especially when using such simple words.
Some examples of what not to do are ne1, any1 (anyone); u (you); ur (your or you're); 2 (to too); prolly (probably); afaik (as far as I know); etc.
Re: click on smalll image & pop up with full size image.
Posted: Tue May 12, 2009 9:05 am
by itp
I saw that at DHTML site, but it is just going to be used to for on-line documentation for a handful of users. User has an html page with thumbnail view of screens , and clicks on screen to get larger view. I don't want documentation to be fancier than actual application.

Re: click on smalll image & pop up with full size image.
Posted: Tue May 12, 2009 9:56 am
by pickle
You can tie in a function to the onclick event of all the thumbnails. In that function, determine which image to show based on the thumbnail filename (using
this.href in the function).
The window.open() function returns an identifier to the window. I
think you can do it this way to make each click pop up in the same window (untested):
Code: Select all
function popupMaker()
{
var href = this.href;
if(myWindow)
myWindow = window.open('put arguments here');
else
var myWindow = window.open('put arguments here');
}
Re: click on smalll image & pop up with full size image.
Posted: Tue May 12, 2009 10:31 am
by itp
looks good . i'll try it out!