Получить массив background-image для сохранения на потом, а затем при наведении курсора переключиться между ними и цветом фона

Question

Получить массив background-image для сохранения на потом, а затем при наведении курсора переключиться между ними и цветом фона

<div class="editor-field">
    @Html.EditorFor(p => p.item.property, new { htmlAttributes = new { @id="itemId" }})
</div>

0

javascript jquery html css

задан user3833012 18 January 2019 в 22:09

1 ответ

Другие вопросы по тегам:

javascript jquery html css

Похожие вопросы:

score 0 · Answer 1

Видя, что вы используете jQuery, на самом деле это будет довольно просто, и, если у вас есть только одно фоновое изображение для хранения, совсем не потребуется массив.

$(document).ready(function(){
    var imgBackground = $('.img-link').css('background-image');
    $('.img-link').mouseover(function(){
        $(this).css('background', 'green');
    }).mouseout(function(){
        $(this).css('background', imgBackground);
    });
});

Здесь, начиная с $(document).ready(), убедитесь, что ваше встроенное изображение загружено, прежде чем делать что-либо еще. Затем мы можем безопасно сохранить загруженное изображение в переменную с помощью функции jQuery .css(), сообщив ей, что нужно извлечь background-image. Все, что вам нужно сделать, это просто переназначить эту переменную как изображение.

Если вам нужно удалить url(...), который окружает ссылку на ваше изображение, вы можете посмотреть другой подобный ответ, который включает эту информацию здесь: Могу ли я получить URL фонового изображения div? [117 ]