<body>. I have put in red what my image name is this took me awhile to figure out where to put what (smile). DONNA<head><script type="text/javascript"><!-- This script and many more are available free online at --><!-- The JavaScript Source!! http://javascript.Internet.Com --><!-- Created by: Joshua Bollman : http://www.Freewebs....navysealsfreak/ --><!-- BeginFunction SwapImage1() { document.Image1.Src="images/35345.Jpg"}Function SwapImage1Back() { document.Image1.Src="images/35345_small.Jpg"}// End --></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><div align="center"><img src="images/35345_small.Jpg" name="image1" border="0" onMouseOver="SwapImage1()" onMouseOut="SwapImage1Back()"></div></body>
| |
|
Welcome to AstaHost - Dear Guest 
, Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply
w/o Sign-Up!
| |
Replying to Enlarge Image Script
Topic Summary
Posted 18 May 2010 - 03:17 PM
Posted 06 December 2009 - 01:38 PM
alright mate just wondering you could giudeline me ... I have every code I need and I have made most of them... but it is just scripting this image... I have the code off you on what to use... But I type that in and then put the file name in the places needed ... But I don't no what I am ment to be placing in the "yourimage.Jpg" are you meant to use the title of the image file?? because when I view the code in firfox it just wont work write back please many thankss :)
-reply by Alex FinneyPosted 02 October 2009 - 07:53 AM
Can anyone help me with simple html code (no css or java) that allows me to click on an image and then a new image opens in a small window with the same page in the background? ie, not in a new browser?
Posted 21 May 2009 - 07:29 AM
I want to browse through my computer or any where, retrieve a picture into a thumb nail and then
move the mouse on it or click it to enlarge that picture. Does any one have a simple code either in VScript or JScript. I appreciate any help
-reply by samy youssefPosted 15 February 2009 - 07:41 AM
Hi there, this code is great
Have you tried onMouseOver and onMouseOut ?
No need to click :)
Also keep the image quality, by uploading larger size image and displaying smaller size then onMouseOver show original (large) size.
Thanks Guys for the interesting read
-reply by Robert Prins
Posted 21 January 2008 - 12:17 PM
Enlarge Image Script
Replying to Feedbacker
Another useful tip is you can do incremental zooming by altering the code slightly ...
<img src="yourimage.Jpg" width="150" height="200" onclick="this.Src='yourimage.Jpg';this.Height=this.Height+100;this.Width=this.Width+100" ondblclick="this.Src=yourimage.Jpg';this.Height=200;this.Width=150">
-Bruv
TavoxPeru
Posted 17 January 2008 - 12:03 AM
Oopps, thanks a lot, i gonna edit the code right now.Enlarge Image Script
Enlarge Image Script
Hi,
I found why your code is not working, you miss a ' on the second src
<img src="yourimage.Jpg" width="150" height="200" onclick="this.Src='yourimage.Jpg';this.Height=400;this.Width=300" ondblclick="this.Src=yourimage.Jpg';this.Height=200;this.Width=150">
Many thanks
A
-Alex
Best regards,
Posted 08 January 2008 - 04:55 PM
Enlarge Image Script
Hi,
I found why your code is not working, you miss a ' on the second src
<img src="yourimage.Jpg" width="150" height="200" onclick="this.Src='yourimage.Jpg';this.Height=400;this.Width=300" ondblclick="this.Src=yourimage.Jpg';this.Height=200;this.Width=150">
Many thanks
A
-Alex
Posted 08 January 2008 - 04:51 PM
Enlarge Image Script
Hi,
I have been implementing the same type of code to enlarge a picture.
My problem is that the second action is not taken onto account, only the first. In your example, the onclick will work and the ondblclick will not...
Do you have any idea why is that?
Many thanks
A
-Alex
TavoxPeru
Posted 08 December 2007 - 10:07 AM
Yes, this technique is different than the first post i made, but it is interesting also, i just test it and works fine with Internet Explorer 6 and Firefox 2.Yeah, it can be done with CSS, even though the technique is a bit different then in the first post, take this example:
http://www.yo.com.mx...lover/roll.html - it is css only as I understand.
if you just change the width and height, you'll get a bigger picture or a smaller, depends on the dimensions you chosen ;]
One thing i like of that this technique is that it is very small comparing with the Hoverbox technique posted before.
Best regards,
