plugins jcemediabox, para pornerle popup a las...

Post on 01-Dec-2020

5 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Página 1 de 6

1. Instalar el plugin en el sitio por Extensiones – gestor de extensiones. Ejemplo:

2. Seleccionar el archivo de la ubicación donde lo guardo y le da subir e instalar

3. Ir a Extensiones – Gestor de plugins y publicar en plugin

4. Ir a lugar donde tenemos las imágenes que vamos a intervenir, en este caso es un artículo de la categoría de noticias.

PLUGINS JCEMEDIABOX, PARA PORNERLE POPUP A LAS IMÁGENES

Página 2 de 6

5. Nos paramos en la imagen y le damos al icono de hipervínculo

6. Nos abrirá una ventana emergente y vamos a seleccionar la imagen que deseamos nos abra cuando le demos clic

Página 3 de 6

7. Con la imagen que nos abrirá en la ventana emergente seleccionada, nos vamos para la tercera pestaña Popups y seleccionamos nuestra herramienta instalada.

8. Si vamos a utilizar varias imágenes con esta propiedad, podemos crear un grupo, de tal manera que cuando abramos una imagen, las otras imágenes que se encuentran dentro de ese grupo me carguen en el pie con un número. En este caso mi grupo se llama simula.

Página 4 de 6

9. Podemos ponerle a la imagen Popup Icon, que es una lupita que se pone en una esquina de la imagen, de tal manera que le indique al usuario que esta se amplia.

10. Seleccionamos el tipo de Popup vamos a utilizar, hay varias opciones como pueden

ver a continuación. En este caso es una imagen.

Página 5 de 6

11. En el caso que sea un video, un audio, ect, debe poner la dirección de donde está el

video, el audio o lo que desee abrir.

12. Para finalizar le da guardar a los cambios y este es el ejemplo de la utilización de esta pluging, al cliclear en las imágenes me abre una ventana emergente con la imagen y debajo de ellas unos números que me indican que son 6 fotos dentro de ese grupo, las cuales puedo visualizar sin necesidad de cerrar esta ventana.

Página 6 de 6

13. También puede ponerle un título a cada foto, esto lo puede hacer, en la ventana donde dice Title y así se vería.

top related