jQuery skripta za linkove koji se nalaze ispod slike

[ zelenizmaj @ 28.07.2011. 14:45 ] @

Problem je sledeci:

Imam sliku (nije background slika) koja je pozicionirana ispred elemenata preko z-index-a. Ta slika je transparentna (png format). Ispod te slike se nalazi slajder koji treba da radi na prelazak misa, tj. da otvara slajdove na hover. Posto je ta slika ispred ne mogu da aktiviram slajder da radi na prelazak misa, dakle nemam nikakvu kontrolu nad njim. Nasao sam resenje da toj slici dodam preko CSS-a

Code:
pointer-events: none;

i to ekstra radi ali samo za novije pregledace (Firefox, Crome i Safari). Ne radi za Operu i za IE7, a verujem da ne radi ni za IE 8 i 9.

Potreban mi je kod kojim cu ovaj problem da prevazidjem i da radi za sve pregledace.
Pretpostavljam da postoji skript kojim se mogu disable-ovati svi mousevent-s na prelaz i da ce tako raditi ali nisam siguran..

Da li je neko imao slican problem i resio ga?

[ Aleksandar Ružičić @ 28.07.2011. 15:05 ] @

Prvo sto mi pada na pamet je da forwardujes mouse evente sa slike na taj ciljani element, nesto ovako:

Code:

$('.slika').bind('click dblclick mousedown mouseenter mouseleave mousemove mouseout mouseover mouseup', function(e) {
$('.element').trigger(e);
});

mada moguce da to nece da radi kako treba dok se ne prilagode x/y koordinate dogadjaja, a moguce da uopste i nece da radi (zavisi i kako taj element hendluje dogadjaje), probaj..

[ misk0 @ 01.08.2011. 11:13 ] @

I meni je pala na pamet ideja koju je napisao Aleksandar. Mozda ne moras sve evente bindovati vec samo one koje ti trebaju..

[ zelenizmaj @ 02.08.2011. 12:43 ] @

Ovde sam nasao nesto slicno, http://jsbin.com/uhuto, ali radim na tome jos uvek.

Najbolje je da skripta odradi disable sve mouse events na taj slici a da se normalno ponasa na elemente ispod. Na ovom linku sto sam okacio ovo radi direktno za link ispod nekog layer-a koji se spusta nadole a kod mene je slajder.. Ako imate takav nekav primer bice mi bas od koristi. Treba mi kod koji ce biti umesto css3 jer preko pointer-events: none; ovo radi kako treba.

[ zelenizmaj @ 31.08.2011. 11:10 ] @

Posto sam nasao resenje red je i da ga objavim. Nisam postavio celu sliku preko slajdera vec samo jedan deo u donjem desnom uglu gde treba da bude logo. Pozicinirao sam je preko absolute i radi svuda kako treba. Slajder nije aktivan na prelaz misa (IE i Opera, u ostalim jeste) samo na tom delu gde se nalazi logo ali je zato aktivan na svim drugim delovima slajdera.

Pozdrav