jQuery를 사용하여 모바일 장치 용 이미지 변경

소셜 피드 또는 모든 소셜 피드의 벽을 만드는 스크립트를 사용하고 있습니다. 이 스크립트는 소셜 네트워크를 필터링 할 수있는 능력을 가지고 있으며 상단에 아이콘이 있습니다. 위대한 작품이지만 모바일 장치에서 아이콘이 매우 작습니다. CSS Media Queries를 사용하여 크기를 크게하는 방법을 고려해 보았습니다.하지만 아이콘을 왜곡하므로 아이콘을 큰 것으로 바꾸어야합니다.jQuery를 사용하여 모바일 장치 용 이미지 변경

문제는 스크립트가 코드를 동적으로 생성하고 있으며이 코드를 편집 할 수 없다는 것입니다. 생성 된 코드는 다음과 같습니다

<li class="active f-facebook"> 
    <a data-filter=".dcsns-facebook" data-group="dc-filter" rel="facebook" href="#filter"> 
    <img alt="" src="/images/icons/facebook.png"> 
    </a> 
</li>

내가 스크립트가로드 만 특정 크기의 모바일 기기 후에 더 큰 버전의 이미지를 변경해야합니다.

jQuery를 사용하여 무엇을 시도해야할지 모르겠습니다. 누군가 올바른 방향으로 나를 가리키고 해결책을 도울 수 있습니까?

출처

2013-02-12 L84

당신은 $ (창) .width()'일정 금액 이하이고'여부를 확인할 수 있습니다 그래서 당신의 생각을 할 수 있었다 더 큰 아이콘 –

일부 이동 통신사는 모바일 장치에서 자바 스크립트를 사용하지 않도록 설정하고 모든 장치가 스크립팅과 동일한 동작을하기 때문에 스크립트 대신 CSS를 사용하라고 말합니다. CSS를 사용하는 경우 로고에 클래스를 추가하고 함께 및/또는 높이를 비례 적으로 설정해야합니다. 예 : 40 %로 설정하면 높이 : '자동'으로 설정할 수 있습니다.

도움이되기를 바랍니다.

출처

2013-02-12 04:46:04

에 각각의 이미지 소스를 모두 변경하는 경우 그것을 작동하게하십시오. 감사. – L84