CSS, jQuery: Как увеличить масштаб галереи изображений?

Question

У меня есть галерея изображений, в которой содержится множество контейнеров inline-block (похоже на шахматное поле). Нет, когда я пользуюсь браузером zoom strg + колесиком мыши, изображения получаются масштабированными, чтобы я мог видеть более или менее в зависимости от того, уменьшаю или уменьшаю масштаб.

Теперь у меня вопрос, как я могу это сделать непосредственно в jQuery (возможно, с помощью слайда) без использования функции масштабирования браузера?

Есть ли простой способ сделать это или мне нужно изменить высоту ширины?

С уважением

Answer 1

Первый вопрос будет сколько вы хотите, чтобы увеличить изображения и насколько они велики. Я спрашиваю, потому что вам нужно предварительно загрузить изображения с максимальным разрешением, может быть медленным с большими изображениями.

Предполагая, что это не проблема, я бы хотел написать свою собственную функцию для анимации ширины и высоты; Я думаю, что нет более простого пути.

Кроме этого, существует множество плагинов JQuery там: Просто Google их, я нашел интересный список по: http://www.tripwiremagazine.com/2011/10/jquery-image-zoom.html

Answer 2

Попробуйте также это в компактной форме:

$('#image').mouseover(function() 
{ 
    $(this).animate({width: "300px", height: "300px"}, 'slow'); 
}); 
$('#image').mouseout(function() 
{ 
    $(this).animate({width: "200px", height: "200px"}, 'slow'); 
});