Novo

Forum kao aplikacija na telefonu

Dodajte forum na početni ekran i koristite ga kao aplikaciju, sa menijem na dnu ekrana.

jQuery skripta za linkove koji se nalaze ispod slike

  • 4 odgovora
  • 3.260 pregleda

Najnovija ↓

jQuery skripta za linkove koji se nalaze ispod slike 28.07.2011. u 15:45 · pre 185 meseci #1
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?


Re: jQuery skripta za linkove koji se nalaze ispod slike 28.07.2011. u 16:05 · pre 185 meseci #2
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..
Potpis
rafforum.rs - Forum Računarskog Fakulteta
Re: jQuery skripta za linkove koji se nalaze ispod slike 01.08.2011. u 12:13 · pre 185 meseci #3
I meni je pala na pamet ideja koju je napisao Aleksandar. Mozda ne moras sve evente bindovati vec samo one koje ti trebaju..
Potpis
:: Nemoj se svadjati sa budalom, ljudi cesto nece primjetiti razliku ::
Re: jQuery skripta za linkove koji se nalaze ispod slike 02.08.2011. u 13:43 · pre 185 meseci #4
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.

Re: jQuery skripta za linkove koji se nalaze ispod slike 31.08.2011. u 12:10 · pre 184 meseca #5
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
Prijavite se da biste odgovorili u ovoj temi.PrijavaRegistracija

Premeštanje teme