Witam.
Mam problem, minowicie na stronie http://www.xvisionstudio.pl/portfolio mam 3 kafelki, na których mają znaleźć się prace.
Problem jest taki, że jak za szybko się je zmienia, to po prostu skaczą itp.
Proszę o pomoc.
A jak dodasz kolejnego kafla to dodasz kolejne linijki do jquery?! No przecież tak się nie da…
A “skaczą” dlatego, że przecież te animacje odpalają się “na okrągło”. Powinieneś przerobić ten swój jquery tak, żeby po najechaniu na jeden z kafli inne nie reagowały na onmouseenter i na onmouseout.
To jest narazie prototyp, tylko że właśnie one muszą reagować, jak inny jest wybrany, np. jak najedziesz na 1 to mozesz najechać na 2 i się zmieni na 2.
No domyślam się… ale możesz zdaje się zrobić tak, żeby był unbind na onmousenter, a na onmouseout znów bind?
Nie rozumiem
Naturalnie, że nie rozumiesz…
Ten “tworek”:
$(".tile0").mouseenter(function() { $(".tile0").animate({"width":"450px","height":"450px"}); $(".tile1").animate({"top":"600px","margin-left":"0px"}); $(".tile2").animate({"top":"600px","margin-left":"250px"}); $(".desc").html("Nowa strona Zespołu Szkół Ponadgimnazjalnych.Dzięki wielkie za pomoc.
Proponuje dodać jeszcze stop() bo kilkukrotne przejechanie myszką po takich kafelkach zapewni animację na kilka sekund/minut.