Moving A sprite position with jQuery

Question

I have an image that is a sprite, I want to move the scroll location onClick of another div with jquery please help

.top-background{
    background: url("../images/mainall.jpg") no-repeat scroll 0px 0px transparent;
    height: 888px;
    width:1024px;
}

http://plugins.jquery.com/project/ScrollTo – Rafay Feb 04 '11 at 05:17 — Rafay, Feb 04 '11 at 05:17

score 1 · Answer 1 · edited May 23 '17 at 11:47

1

You can see it in earlier question About sprites

and it is tutorial about sprite again.. CSS sprite

If u want to do it with jquery :

 $('.top-background').css('background-position', 'position_to_show_next_image');

and attach it with event method hover or what do you want to do..

edited May 23 '17 at 11:47

Community

answered Feb 04 '11 at 05:52

Joko Wandiro

score 1 · Answer 2 · answered Feb 04 '11 at 07:33

1

This might be helpful to you if you are trying to scroll an image background. - http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained

answered Feb 04 '11 at 07:33

Jo Albright

score 0 · Accepted Answer · answered Feb 04 '11 at 05:23

0

$("#divToClick").click(function(){
  $("#yourElementId").scrollTo(//location where to scroll);

});

here is the demo

hope it helps

answered Feb 04 '11 at 05:23

Rafay

3 Answers3