Viewing Image slider

Image slider



User: Chris B. 8 years ago
Has anyone got any suggestions on image sizes to use please.
I am finding it difficult to set this up for full width as images that look good in the slider why the webpage is small look really bad when maximised. It zooms the image in.

It would really help if you could adjust or move the image placement within the slider.
User: Paul-RAGESW 8 years ago
Hi,

Yes the image is not going to look good if you resize it and the image size is smaller than the size of your browser. The only way to make sure it looks good is too use an image that is the maximum size you want to resize the window.

Keep in mind this has lots of drawbacks. A larger image will take longer to download and make your website load more slowly

-------------------------------
Paul
EverWeb Developer
User: Chris B. 8 years ago
Hi Paul,

I have my image set at 1900 px and it does look good at full width however its when i stretch my browser to fill the screen the image seems to zoom in. Its at that point it seems to clip and look odd.

The picture does not distort in anyway, i just wondered if there was a work around for this?
Also i noticed that some other tools let you place an image within the image slider i.e move it around during development so you can show a part of the image rather than having to crop the image in photoshop. This seems very trial and error to me.

Is this something you could perhaps look at developing Paul?

Chris
User: Roddy 8 years ago
With a responsive object, you really need to set a maximum width. In the case of a slider, the max-width value should be equal to or less than the actual image width.

If you want to zoom the image, the image size needs to b quite a bite greater then the max-width setting. To allow the image to zoom beyond the size it would be at full width on a large screen would require a huge file size.

Here's an example of an image slider which has responsive width and fixed height and allows the visitor to click to zoom and drag the image around in situations where they can't find their reading glasses.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.