New messages Members Forum rules Search
Page 1 of 11
Forum moderator: kostova 
uCoz Support Forum by uCozers » uCoz » Design Customization » Picture left click Enlarge (sml[Default])
Picture left click Enlarge
PapaJWDate: Tuesday, 2011 May 31, 5:52 PM | Message # 1
Font size: A | A |
Private
Group: User
Message: 2
[ ]
Offline
Hello all,

This might be a dumb question, But I was wondering if anyone had the code for when one clicks on a picture it will be enlarged? Or even scoll over it and it will enlarge. And also where to place the code.

I did search the site for this and may of missed it. If I did miss it, Sorry.

Thank you


Edited ByPapaJW - Wednesday, 2011 June 01, 5:40 AM
 
looneyheadDate: Friday, 2011 June 03, 5:34 AM | Message # 2
Font size: A | A |
Lieutenant
Group: uCozer
Message: 54
[ ]
Offline
Use this code:
Quote
<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">


"yourimage.jpg" - replace with your image link
width="150" - replace 150 with the small image's width
width="300" - replace 300 with the large image's width
height="200" - replace with small image's height
height="400" - replace with large image's height

How it works is when someone clicks on the image it is enlarged. Then when they double click it goes back to the small image. You might want to add a note in under the pic so people know.

If you have any questions, feel free to ask.




Edited Bylooneyhead - Friday, 2011 June 03, 5:37 AM
 
PapaJWDate: Friday, 2011 June 03, 5:07 PM | Message # 3
Font size: A | A |
Private
Group: User
Message: 2
[ ]
Offline
OK, thanks.

Now for a another question, How about a hover?

When one scrolls the mouse over a pic a enlarged picture comes up? I have seen it before on ucoz. I am thinking it was on Jackass's site, (not to sure though), but it sure did look nice.

If you have the code for that, could I get it from ya and also where to place it?

Thank you
 
looneyheadDate: Sunday, 2011 June 05, 1:03 AM | Message # 4
Font size: A | A |
Lieutenant
Group: uCozer
Message: 54
[ ]
Offline
Code
<img src="yourimage.jpg" width="150" height="200" onmouseover="this.src='yourimage.jpg';this.height=400;this.width=300" onmouseout="this.src='yourimage.jpg';this.height=200;this.width=150">


I just replaced onclick to onmouseover, and ondbclick to onmouseout. This should work, if it doesn't, just tell me.

Quote (PapaJW)
where to place it?

It depends where you want it to show up on your site.




Edited Bylooneyhead - Sunday, 2011 June 05, 1:07 AM
 
jackassDate: Sunday, 2011 June 05, 2:40 AM | Message # 5
Font size: A | A |
Major general
Group: Administrator
Message: 433
[ ]
Offline
PapaJW, did you mean something like this?

http://owi.3dn.ru/blog/zoom_kartinki/2010-11-02-7

I have this on my site and here is my tutorial in Latvian language http://modifikators.lv/forum/12-36-1

I am using another code to zoom images in forum, you can see it in action here http://modifikators.lv/forum/12-63-1
And here is same script only in file catalog http://modifikators.lv/load....-1-0-11


 
uCoz Support Forum by uCozers » uCoz » Design Customization » Picture left click Enlarge (sml[Default])
Page 1 of 11
Search:


Copyrights uCozers 2009 - 2017 To TOP
Refresh Smileys Manager