#regex
#регулярное выражение
Вопрос:
У меня есть следующий вывод.
<img width='70' height='70' class='centreimg' src="http://localhost/aktivfitness_new/assets/images/centre/centre1.jpg" />
Есть те же результаты с centre2.jpg и т.д.
Теперь я хочу заменить это centre1.jpg для hover.jpg при наведении курсора мыши.
Но когда я использую следующее, это становится centre1hover.jpg
$(".centreimg").mouseover(function() {
var hoverimg = $(this).attr("src").match(/[^.] /) "hover.jpg";
...
Что-то не так с match(/[^.] /) «hover.jpg часть.
Как я могу это сделать?
Заранее спасибо.
Ответ №1:
Вам не кажется, что это было бы проще:
var newSrc = oldSrc.replace(/[^/.] ./, 'hover.');
В любом случае: вам не следует использовать Javascript для наведения курсора =) Если есть другой способ: используйте его. Это не только плохая практика, но и не очень удобная для пользователя: когда изображение загружается при наведении курсора мыши, пользователь увидит «flash», потому что все изображение еще должно быть загружено = некрасиво.