Hello guys,

I'm working out on making a wallpaper collection website, it has 'details' page for each picture which mention its name, description, rating etc. The thing is, I realize that I cannot put the full size image on that details page because most of my wallpapers are big and it would ruin the site layout and also user with smaller screens will be annoyed.

The basic idea is that I want a maximum size set for the pictures, and when a picture exceeds that maximum size, it will get resized and you can click on it to zoom the picture to full size.

Now I'm using the max-width property in CSS to automatically resize larger images. Also I tried out using this with the image magnify at DynamicDrive:http://www.dynamicdrive.com/dynamici...agemagnify.htm

What I want is something like that, but the issue with this imagemagnify is that it will zoom without proper proportion/aspect ratio, and the image will slightly displayed on the left of the screen. The smaller images which does not exceed the max-width will also be magnified if user click on it.

Is there other script available? or could you help me with the script?

I would very much appreciate it if you could help me with this Thanks before