jquery 스크립트에 현재 문서 이름을 포함하도록 확장하기

Question

나는 확장자와 관계없이 이미지를 미리로드하고 : hover 의사 클래스와 유사한 방식으로 작동하는 코드가 있습니다. 내 질문에 어떻게 소스의 파일 이름의 일부를 포함하도록 확장 할 수 있습니다. 내 말은 스크립트가 현재 기존 파일 이름에 _over를 추가하고이 이미지를 미리로드하는 확장 파일을 남겨 둡니다. 내가 원하는 것은/index_files/filename_imagename_over를 추가하는 것이다. 여기서 imagename은 이미지의 src이다. 그래서 이미 _over를 추가하기를 원합니다./index_files /는 정적이고/filename은 파일 이름에 따라 변경됩니다. 난 내 자바 스크립트에서 PHP 스크립트를 포함 할 경우

$(function() { $('#nav li a img').each(function() { 
var originalSrc = this.src, 
    hoverSrc = originalSrc.replace(/\.(gif|png|jpe?g)$/, '_over.$1'); 
    image = new Image(); 

image.src = hoverSrc; 

$(this).hover(function() { 
    image.onload = function() { 
} 
    this.src = hoverSrc; 
}, function() { 
    this.src = originalSrc; 
}); 
}); 
}) 

나는 또한 궁금, 나는 그것이 .PHP 파일이 아니기 때문에 서버가 늘 PHP를 처리하기 때문에 내가 캔트 추정. 이것은 예제입니다. 그렇다면 스크립트에서 이것을 사용할 수 있습니다. 스크립트를 서버 수준에서 포함하고 PHP 코드를 처리 할 수 ​​있도록 자바 스크립트에 PHP include()를 사용하는 것이 가능할 것이라고 가정합니다.

Answer 1

또 다른 쉬운 해결책은 이미지를 배경 (CSS)으로 사용하고 후버 효과로 배경 위치를 변경하는 것입니다. http://www.dynamicsitesolutions.com/css/background-image-switching/