.css('background-position', '500px 0px'); не работает
Хочу в спрайте с помощью jquery менять позицию бакграунда
почему-то не работает эта конструкция у меня. как можно это сделать? |
Цитата:
|
создать стиль/класс
Можно ли динамически создать класс тогда.
У меня в спрайте на данный момент 50 картинок. Меняются они довольно часто, чтобы каждый раз править css файл. Конечно это я могу сделать и на стороне сервера, но необходимая информация уже есть у клиента => неохото лишний раз напрягать сервак. |
warobushek, файл цсс готовится заранее. Потом только используется...
|
файл цсс готовится заранее
в моем случае два варианта либо на стороне сервера задавать смещение , либо динамически через javascript его задавать
Поэтому и прошу помощи у профессионалов. CSS не подойдет. (хотя его тоже можно формировать на серваке, но это уже будет слишком ...) |
warobushek, х/з как там в jQuery... Но можно сделать и на старом, добром js вот так
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 200px;
height: 100px;
border: 1px solid;
background: url('http://javascript.ru/forum/images/smilies/smile.gif') no-repeat;
background-position: 0 0;
}
</style>
<script>
function Go() {
document.getElementById("box").style.backgroundPosition='right bottom'
}
</script>
</head>
<body>
<div id='box'></div>
<input type='button' value='Go' onclick='Go()' />
</body>
</html>
|
<html>
<head>
<script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<style>
div {
width: 200px;
height: 100px;
border: 1px solid;
background: url('http://javascript.ru/forum/images/smilies/smile.gif') no-repeat;
background-position: 0 0;
}
</style>
<script>
function Go() {
$("#box").css({backgroundPosition: '10px 20px'});
}
</script>
</head>
<body>
<div id='box'></div>
<input type='button' value='Go' onclick='Go()' />
</body>
</html>
Вот на JQuery |
Отлично!!!!!
Спасибо Вам большое.
кстати попробовал еще раз .css('background-position', '500px 0px'); все-таки работает, просто я не в тот момент вызывал ;) |
| Часовой пояс GMT +3, время: 21:30. |