/ / cambiar la imagen de fondo con jquery en yii2 - php, jquery, yii2

cambio de imagen de fondo con jquery en yii2 - php, jquery, yii2

Estoy usando jQuery para cambiar elementos específicos de la imagen de fondo en yii2. Lo hice funcionar cuando configuré la imagen de fondo en css:

.farhangiAddi{
background-image : url("../axha/bakhshha/farhangi/F_icon01.png"),url("../axha/bakhshha/backgrand01.png");
background-repeat: no-repeat, no-repeat;
background-size: contain,contain;
height: 130px;
}

pero cuando cambio la imagen con jQuery no pasó nada. en mi archivo de vista:

<?php $this->registerJs("$(".farhangiAddi").mouseover(function(){
$(this).css("background-image", "url(". url::to("@web/fajr/axha/bakhshha/farhangi/F_icon03.png")."");
});",view::POS_HEAD)?>

Creo que el problema es el direccionamiento en línea de la imagen. Gracias por cualquier consejo


Respuestas

2 para la respuesta № 1

Pruebe algo como esto:

$("#container").mouseenter(function(){
$(this).css("background-image", "url("http://img.autobytel.com/car-reviews/autobytel/11694-good-looking-sports-cars/2016-Ford-Mustang-GT-burnout-red-tire-smoke.jpg")");
});

$("#container").mouseout(function(){
$(this).css("background-image", "url("http://cdn3.droom.in/photos/images/drm/super-cars.png")");
});

Violín de trabajo