| |
|
|
| | Сайт вида:
Картинка на заднем фоне, на переднем фоне форма с текстом, ссылками и т.д. (не на всю страницу, только где-то на одну пятую, располагается ровно в середине). Надо сделать так, что бы при нажатии на ссылку, картинка на заднем фоне съезжала и заменялась новой, ну и текст в форме тоже менялся.
В jquery только начал разбираться, но, чувствую, могу застопорится на чём-нибудь. А только закончилась сессия и хотелось бы приступить к самой интересной части своего проекта... | |
| |
|
|
| |
|
|
| |
для: DEM
(26.06.2010 в 16:58)
| | | Я бы сделал так.
Перед началом анимации, новая картинка вероятно должна находиться под старой (или я не так понял, может предполагается вытеснение). Тем не менее, новую картинку можно поместить в один контейнер со старой, указав ей position: absolute и меньший z-index. Например:
.imageCurrent {
position: relative;
z-index: 2;
}
.imageNext {
display: inline;
position: absolute;
left: 0px; top: 0px;
z-index: 1;
}
|
Теперь подвешиваем примерно такой обработчик на клик по ссылке:
$(".imageCurrent").animate({top: 100, opacity: 0}, 1000, function() {
//по окончании анимации "меняем местами" классы картинок
$(".imageNext").removeClass("imageNext").addClass("imageCurrent");
$(this).removeClass("imageCurrent").addClass("imageNext");
//обновляем текст
$("#text").text("Hello!!!");
});
|
| |
| |
|
|
| |
|
|
| |
для: bishake
(27.06.2010 в 01:39)
| | | Немного не то, мне надо, как вы сказали, одной картинкой "вытеснуть" другую. Эту картинку я получаю черех PHP (ajax), но это уже другой вопрос :) Надеюсь как-нибудь сам резбебурсь... | |
| |
|
|
