JQuery. Часть изображения?

Question

[iamsaint]

Добрый день.

Подскажите, пожалуйста, как через jquery можно получить часть изображения

и отобразить на странице как отдельный элемент ?

Answer 1

[Сергей Протько]

var img = $('img.your').clone();
var block = $('<div/>, {
'style': 'display:inline-block;width:40px;height:40px;overflow:hidden;'
}).append(img);

$('body').append(block);

Comments

[Сергей Протько]

это лишь общая суть

Answer 2

[Анатолий]

var img = $(').attr('src', 'crop_img.php?file=img_name.jpg&x=20&y=38&width=48&height=66');
$('#img_container').append(img);

Comments

[Анатолий]

Эх, парсер скушал кусочек:

var img = $('<img>').attr('src', ...

[Анатолий]

Еще есть адекватное решение — сунуть картинку бэкграундом и контейнером ограничить нужную видимость изображения и сунуть куда угодно отдельным элементом.