¿Hay algún ejemplo sobre cómo cargar y eliminar imágenes en mosaico adicionales al acercar o alejar? De esta manera, el navegador solo tendría que manejar un subconjunto de imágenes en mosaico (nivel de detalle reducido) y podría tener un mayor rendimiento.
Traté de averiguar cómo hacer esto. Es una pena que no tenga las habilidades de programación para hacer eso :( terminé con esto:
viewer.addTiledImage({ tileSource: 'g2.dzi', x: 0.2, y: 0.1, width: 0.01, opacity: 0 }); viewer.addHandler('bookmark-url-change', function(event) { var zoom = viewer.viewport.getZoom(); if (zoom >= 2) { viewer.world.getItemAt().setOpacity(1) } else if (zoom < 2) { viewer.world.getItemAt().setOpacity(0) } });Sería genial si pudieras ayudarme a hacerlo bien. ¡Gracias!
Esto debería funcionar:
// Before this presumably you have made a viewer with a single image. viewer.addTiledImage({ tileSource: 'g2.dzi', x: 0.2, y: 0.1, width: 0.01, opacity: 0 }); viewer.addHandler('zoom', function(event) { var topImage = viewer.world.getItemAt(1); if (topImage) { var zoom = viewer.viewport.getZoom(); if (zoom >= 2) { topImage.setOpacity(1) } else if (zoom < 2) { topImage.setOpacity(0) } } });No lo he probado, pero debería ser la idea general correcta.