2011-05-05 2 views
0

내 사이트의 페이지 (slidesjs 및 jQuery 사용)에 이미지 회전식 슬라이드가 있습니다. 모든 데스크탑 브라우저에서 잘 작동하며, 전화기가 무선 인 경우 iPhone에서도 작동합니다. iPhone이 3G 또는 GPRS를 통해 연결할 때 회전식 컨베이어의 이미지 영역이로드되지 않고 빈 공백 만 있습니다.브라우저 (iPhone 또는 기타)를 기반으로 HTML 보내기

그러나 이미지의 크기가 로딩되는 것을 막고 있다고 생각합니다.

그래서 내가하고 싶은 것은 사용자가 모바일 사파리를 사용하고 있는지 여부를 감지하고, 그렇다면이 공간에 단일 이미지 만 표시하는 것입니다.

이렇게하려면 캐 러셀에 출력되는 HTML을 변경하고 단일 이미지 소스로 설정하는 것입니다.

어떻게 든 자바 스크립트로 이것을 할 수 있습니까?

+1

참고 : 귀하의 결론에 동의하지 않으며 브라우저를 사용하면 근본적인 문제를 해결하는 대신 사이트의 특성을 감지하고 변경하는 것이 좋지 않은 행동이라고 생각합니다. 당신은 원래의 문제를 알아내는 데 사용한 것처럼 이것을 설정하는 데 많은 시간을 할애 할 것입니다 .... 당신 스스로 새로운 문제를 만들지 마십시오! :) –

+0

아래의 내 대답에도 불구하고이 의견에 동의합니다. 다시 같은 문제에 직면하게 될 가능성이 큽니다. 브라우저 감지는 고객 데모 마감 시간보다 1 시간 앞선 최후의 수단이지만, 결코 좋은 해결책은 아닙니다. 또한 타이밍 문제가있는 것처럼 보이고 이미지가 올 때까지 기다리지 않고 스크립트를 조정해야합니다. 데스크톱 브라우저에서 네트워크의 느린 응답을 모방하기 위해 연결을 조정하려고하면이 문제가 다시 나타날 것입니다. –

답변

0

매우 쉽게 할 수 있습니다. 자세한 설명은 여기 http://www.quirksmode.org/js/detect.html입니다. navigator.userAgent 문자열에서 'iPhone'을 찾아보십시오.

+0

[브라우저 감지] (http://www.jibbering.com/faq/notes/detect-browser/)는 결코 좋은 생각이 아닙니다.이 문제는 브라우저와 관련이 없지만 연결 방법과 관련이 있습니다. – RobG