2013-06-16 8 views
0

Ищет силу изображения изображения в jquery zoom div.jquery force resize image in div

Я пробовал жестко кодировать высоту и ширину безрезультатно.

Вот зум жить: http://totallypleasured.co.uk/product_info.php?products_id=1876

Нажмите на 3 миниатюру, чтобы увидеть проблему при наведении на изображение в пределах дел. Изображение слишком маленькое, поэтому оно повторяется 4 раза. Мне нужно заставить размер изображения больше, чем изображение zoon div, чтобы исправить проблему.

вот код, который генерирует увеличенный div.

zoomDiv = appendTo.append(format('<div id="cloud-zoom-big" class="cloud-zoom-big" style="display:none;position:absolute;left:%0px;top:%1px;width:%2px;height:%3px;background-image:url(\'%4\');z-index:99;"></div>', xPos, yPos, w, h, zoomImage.src)).find(':last'); 
+1

Что ваш вопрос? В чем проблема, которую я должен видеть, когда я нажимаю на 3-й миниатюру и наведите курсор на изображение? – Precastic

+0

appendTo на самом деле является методом jQuery, но это то, что вы пытаетесь использовать, или просто вы выбрали действительно плохое имя для своей переменной? – adeneo

+0

Проблема заключается в том, что изображение дублируется 4 раза, так как изображение составляет всего 250 пикселей - мне нужно, чтобы размер изображения составлял 500 пикселей, поэтому он отображает только изображение один раз. –

ответ

0

Просто добавьте размер фона в css div. Так что-то вроде:

background-size: 320px 320px; 

и убедиться, что он не повторяет использование:

background-repeat:no-repeat; 
+0

Это сработало, спасибо. –

+0

@PaulWaudby Добро пожаловать. Пожалуйста, примите ответ, чтобы будущие зрители знали, что сработало :) – Precastic