plugins jcemediabox, para pornerle popup a las...

6
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

Upload: others

Post on 01-Dec-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PLUGINS JCEMEDIABOX, PARA PORNERLE POPUP A LAS …minas.medellin.unal.edu.co/.../pdf/Jcemediabox.pdf · dentro de ese grupo me carguen en el pie con un número. En este caso mi grupo

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

Page 2: PLUGINS JCEMEDIABOX, PARA PORNERLE POPUP A LAS …minas.medellin.unal.edu.co/.../pdf/Jcemediabox.pdf · dentro de ese grupo me carguen en el pie con un número. En este caso mi grupo

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

Page 3: PLUGINS JCEMEDIABOX, PARA PORNERLE POPUP A LAS …minas.medellin.unal.edu.co/.../pdf/Jcemediabox.pdf · dentro de ese grupo me carguen en el pie con un número. En este caso mi grupo

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.

Page 4: PLUGINS JCEMEDIABOX, PARA PORNERLE POPUP A LAS …minas.medellin.unal.edu.co/.../pdf/Jcemediabox.pdf · dentro de ese grupo me carguen en el pie con un número. En este caso mi grupo

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.

Page 5: PLUGINS JCEMEDIABOX, PARA PORNERLE POPUP A LAS …minas.medellin.unal.edu.co/.../pdf/Jcemediabox.pdf · dentro de ese grupo me carguen en el pie con un número. En este caso mi grupo

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.

Page 6: PLUGINS JCEMEDIABOX, PARA PORNERLE POPUP A LAS …minas.medellin.unal.edu.co/.../pdf/Jcemediabox.pdf · dentro de ese grupo me carguen en el pie con un número. En este caso mi grupo

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.