/    Sign up×
Community /Pin to ProfileBookmark

Javascript Picture Viewer Problem

I am very, very new to Javascript, as in today is the first day I’ve ever used it and I’m getting a little confused.

Here is my page: [url]http://www.photoparadis.net/galleries/awards/test.htm[/url]

I would like it to work so that when you click the thumbnails down the bottom, the larger version comes up. So it’s working fine, except all the images are being constrained to one size.

I’ve searched through the script to see where exactly those constraints are being set, but I can’t find anything. I didn’t understand what the Posting Guidelines meant about how to post the script, so I’m afraid I’m just doing a copy and paste. This is the script to do with the image viewer and the thumbnails:

<img name=”mainimage” src=”http://www.photoparadis.net/images/photoshootsmain/awards/gg06/1.jpg”></p>

</td>
</tr>
<tr>
<td width=”100%” align=”center”>

<p align=”center”>

<a href=”javascript:changeImage(‘../../images/photoshootsmain/awards/gg06/1.jpg’)”><img border=”0″ src=”../../images/photoshootsmain/awards/gg06/1tb.jpg” width=”66″ height=”100″></a>
<a href=”javascript:changeImage(‘../../images/photoshootsmain/awards/gg06/2.jpg’)”><img border=”0″ src=”../../images/photoshootsmain/awards/gg06/2tb.jpg” width=”145″ height=”100″></a>
<a href=”javascript:changeImage(‘../../images/photoshootsmain/awards/gg06/3.jpg’)”><img border=”0″ src=”../../images/photoshootsmain/awards/gg06/3tb.jpg” width=”66″ height=”100″></a>
<a href=”javascript:changeImage(‘../../images/photoshootsmain/awards/gg06/4.jpg’)”><img border=”0″ src=”../../images/photoshootsmain/awards/gg06/4tb.jpg” width=”67″ height=”100″></a>
<a href=”javascript:changeImage(‘../../images/photoshootsmain/awards/gg06/5.jpg’)”><img border=”0″ src=”../../images/photoshootsmain/awards/gg06/5tb.jpg” width=”65″ height=”100″></a>
<a href=”javascript:changeImage(‘../../images/photoshootsmain/awards/gg06/6.jpg’)”><img border=”0″ src=”../../images/photoshootsmain/awards/gg06/6tb.jpg” width=”74″ height=”100″></a>
</p>

So I see the constraints for the thumbnail sizes, but nothing to do with the main image viewer itself.

I got the coding from here: [url]http://javascript.internet.com/miscellaneous/image-viewer.html[/url]

If the script I posted doesn’t come up right, or it’s not enough then let me know what I need to post (and how to in very basic terms, this thing’s really confusing me) or open up the page in notepad or something, as I think you can view scripts to other peoples sites like that. Like I said, I’m new to all this.

I look forward to hearing from anyone, and thanks in advance.

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@johneboyMar 02.2006 — take the size elements out of your main image.. currently you have

<img name="mainimage" src="http://www.photoparadis.net/images/photoshootsmain/awards/gg06/1.jpg" width="332" height="500">


try using

<img name="mainimage" src="http://www.photoparadis.net/images/photoshootsmain/awards/gg06/1.jpg">
Copy linkTweet thisAlerts:
@beccaauthorMar 02.2006 — Okay, this is just weird now...

I tried that before, and saved it without there being any measurements next to that main image. So I open it again, even though it had been saved and closed and then opened again, and the measurements are back.

So I delete them again, Preview the page and it doesn't make a difference, so I check the html and the measurements aren't there still, but then I close the page, open it again, look at the html and the measurements have popped up.

I don't understand what's going on, as no matter how many times I delete those measurements and save it, they come back again... ?
Copy linkTweet thisAlerts:
@johneboyMar 02.2006 — if your using frontpage, it automatically puts the size element in

open the HTML file with notepad and take it out, then save.
×

Success!

Help @becca spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...