Mostrar/ocultar imagen en un FX

Adjunto un ejemplo creado con eXeLearning 2.2 y abro incidencia para intentar solucionar el problema de compatibilidad entre versiones.

Saludos.

Hola Paco:

Lo siento, pero es que sigo entendiendo lo mismo que la otra vez.

> Busco un enlace (o botón) simplemente que al pulsarlo muestre/oculte una imagen, solo eso. Inicialmente debe aparecer oculta.

En en el ejemplo, es el enlace con el texto “Enlace que se muestra sólo si JS está habilitado”. La imagen estaría donde está el párrafo que dice “Este es el párrafo que está oculto por defecto…”. ¿No serviría eso?

Si lo que prefieres es mostrar una imagen en un Lightbox, es suficiente con que añadas un enlace a la imagen y le añadas rel="lightbox" a la etiqueta a. Ejemplo: <a href="..." rel="lightbox" title="Título que se muestra">Enlace</a>

> Pero como quiero utilizarlo dentro de un FX con paginación (se me olvidó indicar esto), ahí no sé cómo meter ese iDevice.

El ejemplo que te pasé funciona en cualquier sitio: para pasar de acordeón a paginación no tienes más que colocarte en el bloque, hacer clic en FX y cambiar el tipo. También puedes cambiar exe-accordion por exe-paginated en el código HTML.

Si lo que digo no tiene sentido, ¿me puedes pasar un pantallazo o un ejemplo (aunque no funcione)?

Lo adjunto. El código es similar al del ejemplo anterior.

Verás que hay clases CSS:

js-required para el contenido que se muestra únicamente si JavaScript está habilitado.
js-hidden para el contenido oculto cuando JavaScript está habilitado.

Eso está especificado en base.css

Si quieres hacer algo más sencillo (pero menos accesible), puedes usar display:none. Ese ejemplo está en la página “Dos”.

Espero que te sirva.