How do I make resolution ok

Question

Here is a demo for my page.

I use jQuery cycle plugin for a slider and I make the photos full height and witdh.

When I zoom the page the picture doesn't stay at the same resolution only when i refresh the page.

Exemple

How can I make the picture stay at the same resolution when I zoom not after refresh?

Maybe not exactly what you need but can be helpful - http://stackoverflow.com/questions/27116221/prevent-zoom-cross-browser — kamil-mrzyglod, May 13 '15 at 06:39
This behavior is there because you have fixed the height and width of the image. — Mohammad Ashfaq, May 13 '15 at 06:40
I make this website for a client I want to make it responsive. And this is a bug.. — Razvan, May 13 '15 at 06:40

score 1 · Answer 1 · answered May 13 '15 at 06:45

1

I use

zoom: reset;

and is working!

Thanks @Kamo

answered May 13 '15 at 06:45

Razvan

49
9

Where I can do this. is the first time when I use stackoverflow. – Razvan May 13 '15 at 06:53
When you hover the comment which helped, there is an arrow on the left :) – kamil-mrzyglod May 13 '15 at 06:57

Nitesh · Answer 2 · 2015-05-13T06:45:43.557

0

The issue that you have mentioned as to zoom which you are trying to control by scripting is not ideal, as this will take effect only when the browser refreshes but not on your client size zoom.

To achieve this, you need to use a background-size:cover;

You can read more about the same HERE

In order to user this, you need to remove images from your code and add them as a background-image via a CSS Class.

Hope this helps.

edited May 13 '15 at 06:45

answered May 13 '15 at 06:40

Nitesh

15,425
4
48
60

he uses img tags not css background – madalinivascu May 13 '15 at 06:44
I agree, but he has to remove it to use background to achieve what he wants. Shall edit this in my answer. – Nitesh May 13 '15 at 06:45
edit it if you want i don't think he knows what responsive truly means – madalinivascu May 13 '15 at 06:50

How do I make resolution ok

2 Answers2