Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
jQuery: ocultar imágenes rotas
#1
Puede que tengamos en nuestra web una serie de imágenes con la ruta rota y nos aparezca el típico icono de un cuadrado y aspa roja. Para “disimularlo” con jQuery podemos hacer, por ejemplo:
1. Ocultar esas imagenes:
 


Código PHP:
$("img").error(function(){
 
   $(this).hide();
}); 

Lo que aria seria ocultar la imagenes con link rotos ejemplo en vez de mostrar:
 
[Imagen: T1A2vG3.png]
 
No mostrara nada.
WWW
#2
Pues la verdad es que es util para dar un aspecto más profesional a la web. Lo que pasa que así quizá no te des cuenta que algo no marcha bien.
Pero para fotos que no tengas en tu server puede estar muy bien.
Muchas gracias por tu aporte. Lo probare. Te dejo un +1-
[Imagen: logo_300.png]
#3
(07-10-2016, 02:29 PM)fercol escribió: Pues la verdad es que es util para dar un aspecto más profesional a la web. Lo que pasa que así quizá no te des cuenta que algo no marcha bien.
Pero para fotos que no tengas en tu server puede estar muy bien.
Muchas gracias por tu aporte. Lo probare. Te dejo un +1-


No, gracias a ti por el +1 y cualquier cosa enviame un MP
WWW
#4
Esta bien, cualquier funcion que venga a ocultar errores y roturas, siempre viene bien para la web.
#5
Muy interesante, como dice fercol, cuando tenemos imágenes que estamos tomando desde una fuente externa este código nos ayudará a ocultar algún error al presentar las imágenes, gracias por compartir.
WWW
#6
Muy bueno si las imágenes están rotas, mejora el aspecto de la web para los usuarios. Pero no es tan bueno si las imágenes son importantes y no te das cuenta que faltan
#7
Excelente aporte  hace meses buscaba algo asiiiii  y nunca lo encontre hasta q me las ingenie e hice algo similar a esto para  evitar ese proooblema!!! gracias x el aporte saluds
WWW
#8
Triste 
El metodo .error() quedo obsoleto en la version 1.8 ( pasando a .on('error',handler) ) y fue eliminado en la version 3.0.0. Por si a alguien no le funciona Triste
#9
vastante interesantem, asi es mas facil saber cuadno una imagen no funciona, gracias por compartilo con nosotros
[Imagen: Nexo_Firma.gif]
#10
Y en el caso de que la imagen tenga descrición ¿También eliminará la descrición que deja cuando no carga la imagen?
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Como subir Archivos, Imagenes PHP MysQL gassip 0 1,250 24-10-2016, 06:59 AM
Último mensaje: gassip
Estrella [Aporte] La nueva generación de jQuery tendrá cambios en su nomenclatura carlsmartg 1 307 03-08-2016, 09:23 PM
Último mensaje: Boreas
  Cargar web (con imagenes) mas rapido CarlosAlberto 18 1,199 08-03-2016, 01:34 AM
Último mensaje: LaaprendizdeCM
  Subir imagenes con PHP y class.upload.php cmascreativo 0 368 18-02-2016, 05:54 PM
Último mensaje: cmascreativo
  [Duda] Como implementar Jquery.cookie llProKsll 3 377 11-02-2016, 01:55 PM
Último mensaje: Vicen
Información [Tutorial] Detectar AdBlock y mostrar mensaje (jQuery) DarkMaster 7 669 28-01-2016, 03:32 PM
Último mensaje: TapaJerez
  Libro de jQuery en español CarlosAlberto 1 415 30-12-2015, 11:39 PM
Último mensaje: habacuc78
  [Tutorial] jQuery HTML5 Form Plugin - jQuery Form Plugin luis.ml 0 298 16-08-2015, 02:02 AM
Último mensaje: luis.ml
Ladrillo Como usar botones "disabled" y activarlos por JQuery Kevin9908 0 371 25-06-2015, 04:38 PM
Último mensaje: Kevin9908
  Codigo Imágenes que cambian automáticamente tucine 8 805 19-05-2015, 03:36 PM
Último mensaje: betiko2424



Usuarios navegando en este tema: 1 invitado(s)