2016-09-01 2 views
0

을 조작하여 적절한 용어가 무엇인지 모르겠지만 이미지 애셋에 대한 링크를 따라 가면 대부분의 브라우저를 볼 수 있습니다.) HTML 마크 업을 생성하여 이미지를 표시하고 이미지의 크기를 자동으로 조정하고 클릭하여 기능을 확대합니다.브라우저의 기본 이미지 확대 및 html 요소

그래서 궁금합니다. 이미지 자산의 URL (즉, http://cdn1.technology.ie/wp-content/uploads/2013/07/firefox-logo-evolution-infographic.jpg)이 해석 될 때 브라우저가 생성하는 기본 마크 업을 조작하고 클릭하여 확대 기능에 대한 후크를 추가 할 수 있습니까?

자동 생성 이미지 태그에 스타일을 추가하여 수직으로 가운데에 맞 춥니 다.

답변

0

불행히도, 아무 것도 할 수 없습니다. 이와 유사한 작업을 수행하려면 쿼리 문자열에 이미지 경로가있는 페이지를 만들어야합니다. 그런 다음 원하는 방식으로 자유롭게 변경할 수 있습니다. 예 : domain.com/myassetpage.php?some-image.jpg

+0

이미지 링크 (이미지 애셋에 대한 링크)를 따르면 브라우저가 html 마크 업을 생성하고 이미지를 "확대하려면 클릭하여"기능을 제공합니다. 내 질문에 이미지 링크를 따르고 dev 도구에서 이미지를 살펴보면 자동 생성 된 HTML이 표시되고 이미지를 클릭하면 확대됩니다. – zero

+0

질문은 : 자동 생성 된 마크 업에 스타일을 추가하고 브라우저가 사용하는 기능을 확대하기 위해 클릭에 "후크"할 수 있습니까? – zero

+0

좋아, 그래서 당신은 이베이와 다른 eStores가하는 것과 비슷하게 마우스를 올려 놓고 이미지를 보여줄 수 있기를 원한다. – snit80

1

Firefox의 경우 'userContent.css'라는 파일을 사용하여 자신의 기본 규칙을 선언 할 수 있습니다.

Google 크롬의 경우 see this discussion.

이 동작을 가능하게하는 추가 기능이 있습니다. 예 : userstyles.org.

편집 : 위의 내용은 브라우저에서 작동합니다. 웹 사이트에 이미지 리소스를 연결하려면 다른 사람들이 권장하는 것과 같이 별도의 페이지를 사용하거나 라이트 박스와 유사한 플러그인을 사용하여 이미지를 팝업으로 표시 할 수 있습니다.