Функция jQuery, которая у вас есть, просто добавляет div с фоном поверх изображения, в то время как оригинальная функция наложения мыши, которая увеличивает масштаб изображения, перемещает фон «bg-iphone.png» в оверлее, поэтому логика несколько ошибочна.поскольку вам также понадобится другое фоновое изображение того же цвета на исходном элементе div, bg-iphone.png, модифицированный тем же цветом.Я думаю, вы могли бы изменить скрипт, который возвращает ваше наложение цвета, чтобы также вернуть измененное изображение и изменить фон изображения с bg-iphone.png на png с тем же цветом, что и наложение.
Или выможет иметь три измененных PNG с теми же цветами, которые вам нужны, что изменит фоновое изображение в функции выбора.
Надеюсь, это поможет.