jquery라는 이미지로 CSS 스프라이트 만들기

나는 Google 페이지 속도에서 내 웹 페이지 속도를 테스트했으며 이미지를 CSS 스프라이트에 결합하고 이미지 목록을 제공한다는 제안을 받았습니다.jquery라는 이미지로 CSS 스프라이트 만들기

나는 그것에 관해 이용 가능한 모든 링크/기사를 읽었으며 그 중 많은 것들도 예제를 보여줍니다.

jquery를 사용했으며 이미지가 포함 된 클래스에 대한 html 호출이 없다는 점에서 이미지가 호출되었습니다.

.theme-default .nivo-controlNav a { display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; }

NIVO-controlNav 클래스가 어디 HTML 코드에서 호출되지 않습니다이 JQuery와에 의해 암시 적으로 호출됩니다 여기

는 하나 개의 이미지에 대한 샘플 CSS 코드입니다.

내 문제를 해결할 수있는 방법이 있습니까?

나는 CSS Sprite 이미지와 CSS 코드를 가지고 있지만 HTML 코드에서 어디에서 어떻게 호출해야하는지 판단 할 수는 없다.

나는 css에 새내기이다. 모든 제안에 감사드립니다. 고맙습니다.

2013-02-19 Khushbu

그것은 NIVO 슬라이더가 사용하는 기본입니다. – coder

Nivo 슬라이더는 멋지지만 abit 복잡합니다. js 사이클을 매우 쉽게 할 수 있습니다. 컨트롤의 스프라이트를 만들 때 보통 이미지를 사용하면됩니다. –

@ Khushbu-이 링크 참조 http://css-tricks.com/ css-sprites/사용 방법 정보 제공 – coder

각 이미지 클래스에 배경 위치를 지정하면이 문제가 해결 될 것이라고 생각합니다.

.image-1{background-position:x y;}

2013-02-19 13:11:16

답변