Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Kase en 18 Julio 2011, 00:52 am



Título: interceptar click en url de imagen
Publicado por: Kase en 18 Julio 2011, 00:52 am
xD   

soy pesimo en javascript, asi que espero puedan minimo orientarme...

me acabo de montar una web/foro/socialnetwork/dragonboll-af/notengo-idea-que-sea

pero no quiero dar acceso a que los usuarios publiken con html activo...
pero si me gusta que tengan comodidades, por ejemplo al poner una url  el sistema la auto convierte en link

ahora, me gustaria que si el link fuera una imagen, no se saliera de la web, sino que la cargue en un overlay....

tipo al ver las fotos de facebook,

solo me imagino que puedo comparar el click con una exprecion regular
 r'^/.*.jpg|.png|.gif   //exprecion regular

pero no seme ocurre mas =<     


Título: Re: interceptar click en url de imagen
Publicado por: Nakp en 18 Julio 2011, 02:43 am
te gusta jquery??

Código
  1. $('a').not('href*="dominio.tld"').has('img').fancybox();

necesitaras jquery y fancybox :P


Título: Re: interceptar click en url de imagen
Publicado por: Kase en 18 Julio 2011, 03:05 am
exepto por un pekeño detalle.. no son para imagenes en mi dominio... es cualkier imagen en general  D=

estoy probando con $("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox();  y no me jala T-T

____________

ya esta, despues de revisar, y revisar y revisar, resulta que me faltava ""

 $('a[href$=".jpg"],a[href$=".png"],a[href$=".gif"]').fancybox();  


Título: Re: interceptar click en url de imagen
Publicado por: Nakp en 19 Julio 2011, 01:26 am
de hecho mi código era para imágenes que no eran del dominio :xD


Título: Re: interceptar click en url de imagen
Publicado por: Kase en 19 Julio 2011, 02:41 am
see. pero tu codigo era asia etiketas <img>  y yo necesitaba que tomara  un simple link xD


ahora quiero hacer lo mismo para youtube =D xD

como ago esto?

$('a').inversodelnot('href*="http://youtube.com"')..fancybox();


Título: Re: interceptar click en url de imagen
Publicado por: Nakp en 19 Julio 2011, 04:15 am
Código
  1. $('a[href^="http://youtube.com"]')