[JQuery] "Skaczące" kafelki


(Kamilinformatyka) #1

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.


(Konrad Kosowski) #2

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.


(Kamilinformatyka) #3

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.


(Konrad Kosowski) #4

No domyślam się... ale możesz zdaje się zrobić tak, żeby był unbind na onmousenter, a na onmouseout znów bind?


(Kamilinformatyka) #5

Nie rozumiem


(Konrad Kosowski) #6

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.

(Kamilinformatyka) #7

Dzięki wielkie za pomoc.


(Grzesie K) #8

Proponuje dodać jeszcze stop() bo kilkukrotne przejechanie myszką po takich kafelkach zapewni animację na kilka sekund/minut.