Заменить часть имени файла на javascript

99
8

Я хочу загрузить различные изображения на основе экранов, и мысль о замене текста в имени файла с помощью javascript будет делать трюк элегантно, если у меня есть соответствующие изображения, правильно названные. Я близок с этим, но близко не режут.

http://jsfiddle.net/B7QhZ/2/

Javascript:

if ($(window).width() > 960) {
$("div:contains(_small.jpg)").html(function (i, currentVal) {
return currentVal.replace("_small.jpg", "_large.jpg");
});
}

HTML:

<img src="...test-image_small.jpg" />

Как вы можете видеть в моей скрипке, у меня есть работа над текстом, но не с именем файла.

ps - Я специально не хочу загружать изображения в качестве фонового изображения в медиа-запрошенных классах.

спросил(а) 2021-01-25T20:28:43+03:00 5 месяцев назад
1
Решение
63

Полная функция:

if ($(window).width() > 960) {
$("img[src$='_small.jpg']").each(function() {
var new_src = $(this).attr("src").replace('_small', '_large');
$(this).attr("src", new_src);
});

} else {
alert('Less than 960');
}

ответил(а) 2021-01-25T20:28:43+03:00 5 месяцев назад
45

Я хочу загружать изображения на основе экранов

Задайте width и height CSS для div до 100%

CSS

div {
width: 100%;
height: 100%;
}

JSFiddle

ответил(а) 2021-01-25T20:28:43+03:00 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема