Сообщение от devictor
|
Пишу кодик
хотелось бы чтобы было все плавно и красиво
просто сменить фон без проблем
$(function() {
$(".ur-im > img").click(function() {
$(".ur-im-b").css('backgroundImage', 'url(images/lessons/bib/'+this.alt+')');
});
});
но хотелось бы чтобы он плавно пропал и появился новый.
пробую так:
$(function() {
$(".ur-im > img").click(function() {
var tmp = this.alt;
$(".ur-im-b").animate({opacity:0},1000,function () {
$(".ur-im-b").css('backgroundImage', 'url(images/lessons/bib/'+tmp+')');
}).animate({opacity:1},1000); //показываем снова
});
});
меняет только без плавного перехода просто ждет секунду, а потом меняет фон.
HTML код:
<div class="ur-im">
<img src="images/lessons/bib/01_s.jpg" alt="01_b.jpg" />
<img src="images/lessons/bib/02_s.jpg" alt="02_b.jpg" />
<img src="images/lessons/bib/03_s.jpg" alt="03_b.jpg" />
<img src="images/lessons/bib/04_s.jpg" alt="04_b.jpg" />
<div class="ur-im-b"></div>
</div>
помогите кто чем может.
|
ну здесь логически. как бы не то,Вы берете картинку у которой изначально параметр opacity 1 и опятьже анимируете её до 1.Наверное нужно сначала задать прозрачность,потом изменить.Прописать для нее css например,как вариант.
Или подложить одну картинку под другую,затем у первой увеличивать прозрачность,тоже как вариант.Да способов воплощения, можно много придумать)