2010-03-08 2 views
0

Возможно ли заменить все PNG на плате GIF с помощью jquery? Как мне это сделать?Замените все PNG на GIF в jquery?

Благодаря

+0

Вы имеете в виду только изменение расширения каждого изображения src, или вы имеете в виду преобразование PNG в GIF в jQuery? Хотя я бы задался вопросом, почему вы так хотите, вместо преобразования GIF в PNG ... – OregonGhost

+2

Если вы считаете только теги «img», легко заменить свойство 'src', но если вы хотите обрабатывать изображения во внешних таблицах стилей CSS вещи могут стать более жесткими. –

+0

Я был сразу после изменения строки, ответ ниже ответил на мой вопрос точно :) – Probocop

ответ

3

У вас есть изображения, как ГИФС уже?

Если вы делаете, это будет так же просто, как сделать что-то вроде:

$('img').each(function() { 
    var src = $(this).attr("src").replace(".png", ".gif"); 
    $(this).attr("src", src); 
}); 

Это будет проходить через все IMG теги и заменить путь с его собственным путем, но с расширением GIF вместо png

Сообщите мне, если это вам поможет.

+1

Как насчет ''? Вы должны хотя бы добавить точку (и если вы перфекционист, '$ | \?' И конвертируете его в regexp). – Boldewyn

+0

Мысль о регулярном выражении (мой предпочтительный выбор обычно), но хотел дать ему простой пример, чтобы он мог понять. однако групповая группа является действительной. Я уже обновил свой код, чтобы использовать a. +1 для вас :-) –

+0

Спасибо за ваш ответ, отлично сработал :) – Probocop

0

Все ли PNG называются «.png»? Если нет, это невозможно с JS (см. Mozilla's doc on the Image object: Нет свойства re. Тип mime).

Else try Решение mplacona.

Edit: Для того, чтобы дать пример: Этот URL

http://www.w3.org/Icons/valid-html40 

приводит к изображению, но вы не можете догадаться, какой формат он. Вы можете явно запросить

http://www.w3.org/Icons/valid-html40.gif 

или

http://www.w3.org/Icons/valid-html40.png 

, но без расширения, сервер решает, что он посылает, и клиент (JavaScript, то есть) не имеет средств, чтобы решить, что будет.

Смежные вопросы