# Swap image rollover block **URL:** \ **Category:** Plugins\ **Created:** [10 Abril, 2019 19:56 UTC](https://foro.wpargentina.org/t/swap-image-rollover-block/1066 "2019-04-10T19:56:29Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![mparraud](https://foro.wpargentina.org/user_avatar/foro.wpargentina.org/mparraud/32/3233_2.png) [@mparraud](https://foro.wpargentina.org/u/mparraud)\ **Post date:** [10 Abril, 2019 19:56 UTC](https://foro.wpargentina.org/t/swap-image-rollover-block/1066/1 "2019-04-10T19:56:29Z")
Estuve buscando algo que creí que era simple: un bloque de gutenberg que me permitiera poner una imagen y, al pasar por encima con el mouse, muestre otra imagen. Algo como esto: [https://codepen.io/creativeprogrammer/pen/RpBpgm](https://codepen.io/creativeprogrammer/pen/RpBpgm) pero no encontré. ¿alguien conoce alguno? gracias! ---
**Author:** ![mparraud](https://foro.wpargentina.org/user_avatar/foro.wpargentina.org/mparraud/32/3233_2.png) [@mparraud](https://foro.wpargentina.org/u/mparraud)\ **Post date:** [29 Abril, 2019 14:37 UTC](https://foro.wpargentina.org/t/swap-image-rollover-block/1066/2 "2019-04-29T14:37:22Z")
Como no encontré un bloque de gutenberg que hiciera un **swap image on rollover** , hice con css un cambio de content en unas imágenes para que luego, al hacer rollover, cambiaran. si bien funciona, luego me encontré con que las imágenes tardaban en cargarse y, al hacer rollover la imagen original aparecía y desaparecía hasta que la segunda imagen se cargara. Aquí hice uso de este otro CSS para hacer un **preload** de dichas imágenes. > Pero no se si es que no lo hace, pero sigo teniendo el problema de que “titila” Pueden verlo en este video Y o probarlo en este link: [https://lwchocolatier1.demoswp.com/products/boxes/box-30/](https://lwchocolatier1.demoswp.com/products/boxes/box-30/) Alguna sugerencia? gracias!!