ZOOM DE IMAGEN CON RUEDITA DE MOUSE Y DRAG.
Para
- 1- Adjuntar en el <head> jquery y jqueryUI
- 2- En el script copiar el jQuery event handling para bloquear el scrolling dentro de la imagen.
- 3- La barra verde con su progreso va con width y la barra roja con left, pero progreso1 en css tiene que llevar position: relative porque si no left no funciona.
- 4- El resto está en los comentarios
<head>
<LINK href="../css/estilos.css" type=text/css rel=StyleSheet>
<LINK href="../scripts/jquery-ui.css" type=text/css rel=StyleSheet>
<script src="../scripts/jquery-3.6.4.min.js"></script>
<script src="../scripts/jquery-ui.min.js"></script>
<script>
</script>
</head>
STYLE++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<style>
</style>
HTLM+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<body>
</body>