может не будем играть в экстрасенсов и вы нам покажете проблемную страницу?
ага попался хакер! ловите его!
а что с циклом не так? вроде нормально..---------- Добавлено 16.04.2013 в 20:13 ----------вот бы ещё сделать такой мелкий эффект, как на сайте в примере. там когда изображение появляется, то он как бы во время самого появления немного движется влево и вверх. думаю нужно перед появлением её сдвинуть немного вниз и вправо, а затем через animate вернуть на место. верно?---------- Добавлено 16.04.2013 в 20:18 ----------нет, не получается. fadeIn сначала показывает картинку, а затем она «едет» :( opacity в animate вообще скрывает её, не важно что я передаю 0 или 1
так, я немного сдвинулся с места 🍿
#bg1,#bg2,#bg3,#bg4,#bg5{ position:absolute; width:100%; z-index:-1; height:100%;}#bg1{ background-image: url('http://www.joannakustra.com/content/photos/html/0004.jpg');}#bg2{ background-image: url('http://www.joannakustra.com/content/photos/html/0003.jpg');}#bg3{ background-image: url('http://www.joannakustra.com/content/photos/html/0017.jpg');}#bg4{ background-image: url('http://www.joannakustra.com/content/photos/html/0019.jpg');}#bg5{ background-image: url('http://www.joannakustra.com/content/photos/html/0009.jpg');}---затем слои<body> <div id="bg1"></div> <div id="bg2"></div> <div id="bg3"></div> <div id="bg4"></div> <div id="bg5"></div> <menu> <li bg="1"><a href="#">1</a></li> <li bg="2"><a href="#">2</a></li> <li bg="3"><a href="#">3</a></li> <li bg="4"><a href="#">4</a></li> <li bg="5"><a href="#">5</a></li> </menu></body>ну и сам js---var main={ init:function(){ main.menu.init(); }, menu:{ setBodyBg:function(id){ $('#bg'+id).fadeOut(1000); main.menu.last=id; }, last:null, removeBodyBg:function(){ if(main.menu.last!=null){ $('#bg'+main.menu.last).fadeIn(1000); } }, init:function(){ var links=$('menu li'); $.each(links,function(key,value){ $(value).on('mouseenter',function(){ main.menu.removeBodyBg(); main.menu.setBodyBg($(this).attr('bg')); }); }) } }}$(document).ready(function(){ main.init(); })
фон меняется плавно. но как-то безвозвратно он меняется. тоесть если слой уже скрылся, то не показывается больше. как-то не так я со стеком слоёв работаю :(
вообще как-то рандомно слои меняются, если мышкой водить по меню---------- Добавлено 16.04.2013 в 19:34 ----------
var main={ init:function(){ main.menu.init(); }, menu:{ setBodyBg:function(id){ $('#bg'+id).fadeIn(300); main.menu.last=id; }, last:null, removeBodyBg:function(){ if(main.menu.last!=null){ $('#bg'+main.menu.last+' ~ div').fadeOut(300); } console.log(main.menu.last); }, init:function(){ var links=$('menu li'); $.each(links,function(key,value){ $(value).on('mouseenter',function(){ main.menu.setBodyBg($(this).attr('bg')); main.menu.removeBodyBg(); }); }) } }}$(document).ready(function(){ main.init(); })
это победа! спасибо за моральную поддержку 🤪
если кто-то случайно пропадёт на эту тему из поиска, поясню - $('#bg'+main.menu.last+' ~ div').fadeOut(300); вот она магия, нужно было всех соседей выше скрывать а не только одного соседа.
наговнокодил вот что 🤪
var main={ init:function(){ main.menu.init(); }, menu:{ setBodyBg:function(url){ $(document.body).animate({'opacity':1},500,function(){ // пока не работает как я задумавал $(this).css('background-image','url("'+url+'")'); }); }, init:function(){ var links=$('menu li'); $.each(links,function(key,value){ $(value).on('mouseenter',function(){ $(this).animate({'margin-left':'+=3px'},100); main.menu.setBodyBg($(this).attr('bg')); }); }) } } } $(document).ready(function(){ main.init(); }) --- html <body> <menu> <li bg="http://www.joannakustra.com/content/photos/html/0004.jpg"><a href="#">1</a></li> <li bg="http://www.joannakustra.com/content/photos/html/0003.jpg"><a href="#">2</a></li> <li bg="http://www.joannakustra.com/content/photos/html/0013.jpg"><a href="#">3</a></li> <li bg="http://www.joannakustra.com/content/photos/html/0017.jpg"><a href="#">4</a></li> <li bg="http://www.joannakustra.com/content/photos/html/0009.jpg"><a href="#">5</a></li> </menu> </body>
при наведении на пункт меню, фоновая картинка меняется. вот только не могу понять как сделать чтобы она менялась плавно.. как это сделать через .animate ? или тут что-то другое нужно?
да, таки настало время начать учить js, а то привык всё готовое качать :D---------- Добавлено 16.04.2013 в 17:34 ----------есть мысль менять фон на странице лишь через наложение картинки на картинку, а затем делать прозрачной ту что выше слоем. но такое прокатит лишь с двумя картинками.. а мне штук 6 нужно. для каждого пункта меню.
хорошо. спасибо за предложение:)
сервер то без gui работает. и ради скайпа его стартовать это уже слишком.
нет, я знаю ситуацию с железом. виндовсы есть, но они рабочие лошадки с живыми наездниками. а вот с jabber я видимо не прогадал. можно использовать любой ящик на gmail в качестве логина для jabber клиента. то есть не нужно вообще идти куда-то там и регать icq
нет у меня windows машины свободной.. видимо придётся таки jabber сервер подымать..
да если бы я для себя делал то мне вариант с асей даже удобней был бы. заказчик требует. не то чтобы требует, но настаивает. и если это возможно, имея в руках сервер под linux и php+mysql с базой пользователей, которым нужно слать уведомления в скайп. так что рассмотрю все варианты, даже если они извращённые..