picturefill

4열

1답변

그림 요소의 렌더링 된 이미지를 다시 사용해야합니다. picturefill이 완료 한 논리를 복제하지 않고도 자바 스크립트를 사용하여 chrome/opera에서 렌더링 한 이미지 파일 경로에 직접 액세스 할 수 있습니까? 1200 픽셀의 폭과 망막 데스크톱 브라우저 창에서, 위의 예를 사용하여는 <picture> <source media="(min

0열

1답변

Picturefill 2.1과 lazyload plugin의 결합

Picturefill 2.1과 사용 가능한 지연로드 플러그인을 결합하려고하는데 아직 성공하지 못했습니다. Google에서 찾은 대부분의 코드는 Picturefill 1 용입니다. 누구나이 작업을 수행했기 때문에 도움이 되었습니까? Picturefill은 정상적으로 작동하고 있는데, 이미지 너비와 높이가 없어 모든 이미지가 한 번에로드되기 때문에 문제는 게으

0열

2답변

src 속성이없는 Picturefill?

Picturefill polyfill에 대한 초보자의 질문 : src 속성을 사용할 때 Firefox (33) 및 Safari (7.1)에서 잠깐 깜박임을 느꼈습니다. 이 브라우저는 추가 HTTP 요청을합니다. <img src="images/300x180-1.jpg" alt="My alt text" sizes="(min-width: 768

1열

1답변

jQuery로드가 항상 <picture> (Chrome의 요소)로 실행되지 않는 경우

지원되지 않는 브라우저의 경우 채움 형 polyfill로 반응 형 이미지에 요소를 사용하고 있습니다. 지원되지 않는 브라우저에서도 모든 것이 제대로 작동합니다. 하지만 크롬이 지원되는 곳에서는 jquery로드 이벤트가 지속적으로 실행되지 않습니다. Heres는 내 코드 : $("#banner .banner-slide a img").load(mainSlide

0열

1답변

올바른 이미지를 얻기 위해 RegEx를 사용했기 때문에 Picturefill이 클라이언트 측 브라우저를 느리게 할 수 있습니까?

우리 사이트의 순간에 Picturefill (버전 2.2.0)을 구현하고 있습니다. 그림 요소는 다음과 같다 : 당신이 볼 수 있듯이 우리는 정상 미디어 쿼리 및 픽셀 비율을 고려할 때 <picture> <source media="{query_size1}" srcset="/images/size1.jpg"></source> <source m

0열

1답변

는

을 srcset I 다음 laravel 코드를 가지고 : <img sizes="(min-width:600px)100vw, (max-width:601px)100vw" srcset="{{ asset('assets/img/img-home-experiences-600x600.jpg') }} 600w, {{ asset('assets/img/img-home

6열

1답변

angle2 및 firefox에서 그림 요소가 작동하지 않습니다.

필자는 기본적으로 그림 요소를 쓰는 "로고"구성 요소를 사용합니다. 이 같은 템플릿보기는 : angular2에서 <picture class="logo"> <source srcset="{{srcsetMobile}}" media="(max-width: 767px)"> <source srcset="{{srcsetDesktop}}" media="(min-wid

2열

2답변

img srcset - 픽셀 밀도 무시

두 이미지가 있는데, 하나는 1000 x 800 픽셀 ("큰")이고 하나는 200 x 200 픽셀 ("작은")입니다. 은 I 화면보다 작거나 넓은 CSS 500 개 화소 일때 작은 화상을 표시 srcset에게/크기/picturefill을 사용할와 달리 큰 이미지. http://jsfiddle.net/ghhjfo4z/1/embedded/result/ <img

0열

1답변

내 포트폴리오 웹 사이트를 업데이트하고 있습니다. 이력서에서 내 영웅 영웅 이미지를 전환하여 요소를 사용하여 반응하는 아트 방향을 사용할 수있게했습니다. 내가 텍스트 상자의 절반이 같은 종류의 이미지를 겹쳐있어 : 이건 내 처음으로하고있다 : 상자 배경 그림 아래에 렌더링되는 몇 가지 이유를 들어 응답 성이 뛰어난 srcset과 picture 요소가있는 것

0열

1답변

창 크기를 기반으로 img 변경

바탕 화면에서 더 많은 가로 이미지를 표시하고 휴대 기기에서 더 수직 이미지를 표시하도록하고 싶습니다. 크기 조정의 왜곡을 피하기 위해 두 개의 분리 된 자른 이미지가 있습니다. 미디어 쿼리와 함께 css를 사용하여 숨기거나 표시하려했지만 항상 두 이미지 (페이지의 크기 조정을위한 다른 미디어 쿼리가 잘 작동 함)를 보여주었습니다. 나는 사진 태그를 시도