Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

now then im building a site with 1

Status
Not open for further replies.
Guest_imported

Guest_imported

New member
Jan 1, 1970
0
now then

im building a site with an image gallery where the full size images will be accessed via a thumbnail gallery. what i wanna do is get make the thumbnails open up the full size image in its own popup window - so eliminating the need 2 make individual pages for each full size image.

hope that makes sense!! cheers if any1 can help.

..::[keef]::..
 
Sort by date Sort by votes
Hey, ok put this in the <HEAD> section:
<script>
function openwindow(file,name,prefs) {
var wind = window.open(file,name,prefs);
}
</script>

And this where you want to call the individual HTML pages in a new window:
<a href=&quot;javascript:eek:penwindow('','window1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=auto,resizable=no,copyhistory=no,width=425,height=375')&quot;>

Now the place where you have the 'window1' that changes upon every instance, so the next one should read 'window2' and so forth ok??
ANy Q's just ask... I have not failed; I merely found 100,000 different ways of not succeding...
 
Upvote 0 Downvote
cheers man

Q. the &quot;And this where you want to call the individual HTML pages in a new window&quot; bit... how and where do i put that? and will each full size image open a popup to the images correct size or do i need 2 change the &quot;
width=425,height=375&quot; part of the script 4 each indivual image?

sorry 4 being so dumb but ive only just started out man.

thanx again. laters.

..::[keef]::..
 
Upvote 0 Downvote
I would be interested about that tip Guju, as im working on another site which has a lot of thumbnails. Im lost a little in where the second section of code goes and your reference to window 1 etc. Any chance of a little more detail m8?

Ta

 
Upvote 0 Downvote
to clarify...

- the <script> goes anywhere between your <head> and </head> tags.

- the above code in green should appear in your document like this...

<a href=&quot;javascript:eek:penwindow('[the name of your image file]', '[a name for your window]', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=auto,resizable=no,copyhistory=no,width=[a width],height=[a height]')&quot;>

- a couple of points about this code...

- insert your image's file name in the first red bit.
- give the window a name with the second red bit (this means you'll have a new window for each image, ensuring the pop-ups are the right size).
- insert the dimensions of the image in the last two red bits.

i hope that's a bit clearer...

ss
 
Upvote 0 Downvote
Morning guys, ok first off ..::[keef]::.., yes if you want the &quot;new window&quot; to have a different sizes you need to reset the width and height parameters. It's better this way becasue you can accomidate to any size...
This is how I did on my site (all of the &quot;new windows&quot; have diff. sizes):

EX:
Code: 
<a href=&quot;javascript:openwindow('add.html','window','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=auto,resizable=no,copyhistory=no,width=550,height=350')&quot;>View</a>

<a href=&quot;javascript:openwindow('add2.html','window2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=auto,resizable=no,copyhistory=no,width=425,height=320')&quot;>View</a>

<a href=&quot;javascript:openwindow('add3.html','window3','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=auto,resizable=no,copyhistory=no,width=200,height=200')&quot;>View</a>
If you look all the width and height you see that they change.

Reaper36, As for the 'window1' and 'window2' that only means the number of times you call that fucntion. It has no relevance to the HTML pages at all. Ok?? I have not failed; I merely found 100,000 different ways of not succeding...
 
Upvote 0 Downvote
it maybe 2 late but photoshop 6 does all the work for you one-time.

from full size .tiff to full size jpegs with thumb nails with lay-out options for html page layout.

see
estimated time from start to finish 15mins then the rest of the time could be spent tweeking the result.

/Ramsey
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

RBGraphics
  • Locked
  • Question
Adobe Portfolio
Replies
0
Views
611
RBGraphics
RBGraphics
FALCONSEYE
  • Locked
  • Question
ColdFusion microservices with REST
Replies
0
Views
560
FALCONSEYE
FALCONSEYE
Mike Lewis
  • Locked
  • Question
Using Dreamweaver to maintain a site not created in Dreamweaver
Replies
2
Views
746
Mike Lewis
Mike Lewis
mdvp
  • Locked
  • Question
Intermittent X-ref problem with figures in FM 12
Replies
0
Views
544
mdvp
mdvp
lollieleaver
  • Locked
  • Question
Dreamweaver CS4 - how can I make an Access database downloadable from my site?
Replies
2
Views
264
lollieleaver
lollieleaver

Part and Inventory Search

Sponsor

Back
Top