Jump to content
xisto Community
TavoxPeru

Enlarge Image Script

Recommended Posts

Yeah, it can be done with CSS, even though the technique is a bit different then in the first post, take this example:
http://forums.xisto.com/no_longer_exists/ - 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 ;]

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.

One thing i like of that this technique is that it is very small comparing with the Hoverbox technique posted before.

Best regards,

Share this post


Link to post
Share on other sites

Enlarge Image Script

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

Share this post


Link to post
Share on other sites

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='http://forums.xisto.com/no_longer_exists/404.png; ondblclick="this.Src=yourimage.Jpg';this.Height=200;this.Width=150">

 

Many thanks

 

A

 

-Alex

Share this post


Link to post
Share on other sites

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

Oopps, thanks a lot, i gonna edit the code right now.

 

Best regards,

Share this post


Link to post
Share on other sites

Enlarge Image script

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='http://forums.xisto.com/no_longer_exists/404.png; ondblclick="this.Src=yourimage.Jpg';this.Height=200;this.Width=150">

 

 

-Bruv

Share this post


Link to post
Share on other sites
script to enlarge image in new windowEnlarge Image Script

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

 

Share this post


Link to post
Share on other sites
Browse, enlarge onMouseMovementEnlarge Image Script

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 youssef

Share this post


Link to post
Share on other sites
Enlarge image in new window on same pageEnlarge Image Script

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?

Share this post


Link to post
Share on other sites
dont understand??..Enlarge Image Script

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 Finney

Share this post


Link to post
Share on other sites

<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://www.javascriptsource.com/ --><!-- Created by: Joshua Bollman : http://forums.xisto.com/no_longer_exists/ --><!-- 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> 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.