Title: CSS-Only Lightbox
Author: dan-jones
Published: <strong>11 octobre 2016</strong>
Last modified: 11 octobre 2016

---

Recherche d’extensions

Cette extension **n’a pas été testée avec plus de trois mises à jour majeures de
WordPress**. Elle peut ne plus être maintenue ou supportée et peut avoir des problèmes
de compatibilité lorsqu’elle est utilisée avec des versions de WordPress plus récentes.

![](https://s.w.org/plugins/geopattern-icon/css-only-lightbox.svg)

# CSS-Only Lightbox

 Par [dan-jones](https://profiles.wordpress.org/dan-jones-1/)

[Télécharger](https://downloads.wordpress.org/plugin/css-only-lightbox.zip)

 * [Détails](https://fr.wordpress.org/plugins/css-only-lightbox/#description)
 * [Avis](https://fr.wordpress.org/plugins/css-only-lightbox/#reviews)
 *  [Installation](https://fr.wordpress.org/plugins/css-only-lightbox/#installation)
 * [Développement](https://fr.wordpress.org/plugins/css-only-lightbox/#developers)

 [Support](https://wordpress.org/support/plugin/css-only-lightbox/)

## Description

Adds a [css_lightbox …] shortcode that generates a CSS-only lightbox for a given
image (by URL). Also includes a TinyMCE toolbar button for more easily including
the needed attributes for the shortcode.

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## FAQ

  How do I add a lightbox?

 1. Copy and paste the complete URL for the image you want to make a lightbox for into
    the WordPress editor
 2. Select the URL with your cursor
 3. Click the « Lightbox » button in the TinyMCE toolbar
 4. Enter the values you’re prompted for. The only one that’s required is a unique 
    ID for the image

OR

 1. Copy and paste the complete URL for the image you want to make a lightbox for into
    the WordPress editor
 2. Add the opening shortcode, [css_lightbox …] before the beginning of the URL and
    add the options you want
 3. Attributes you can use with the shortcode are:

* « id » (unique identifier for the image, required)
 * « height » (in pixels, without
including px) * « width » (in pixels, without including px) * « title » (a title
for image, displayed when it’s enlarged) * « caption » (a caption for the image,
displayed when it’s enlarged) * « alt » (alt text for the on-page image) * « icon»(‘
true’ or ‘false’ – whether or not to include a small magnifying glass icon in the
top-left of the on-page image, to indicate that it can be enlarged) 1. An example
using all of the available options: [css_lightbox id= »uniqueID » height= »400″ 
width= »400″ title= »A title » caption= »A caption » alt= »Some alt text » icon=»
true »]Image URL[/css_lightbox]

  What features are coming?

 * The option to use other units for the image dimension, including %, em, rem, 
   vw, and vh
 * Send me suggestions in the support forum!

## Avis

Il n’y a aucun avis pour cette extension.

## Contributeurs/contributrices & développeurs/développeuses

« CSS-Only Lightbox » est un logiciel libre. Les personnes suivantes ont contribué
à cette extension.

Contributeurs

 *   [ dan-jones ](https://profiles.wordpress.org/dan-jones-1/)

[Traduisez « CSS-Only Lightbox » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/css-only-lightbox)

### Le développement vous intéresse ?

[Parcourir le code](https://plugins.trac.wordpress.org/browser/css-only-lightbox/),
consulter le [SVN dépôt](https://plugins.svn.wordpress.org/css-only-lightbox/), 
ou s’inscrire au [journal de développement](https://plugins.trac.wordpress.org/log/css-only-lightbox/)
par [RSS](https://plugins.trac.wordpress.org/log/css-only-lightbox/?limit=100&mode=stop_on_copy&format=rss).

## Journal des modifications

#### 1.0

First version:
 * Adds shortcode * Adds TinyMCE plugin and button to make the shortcode
easier to use

## Méta

 *  Version **1.0**
 *  Dernière mise à jour **il y a 10 ans**
 *  Installations actives **10+**
 *  Version de WordPress ** 3.0.1 ou plus **
 *  Testé jusqu’à **4.6.30**
 *  Langue
 * [English (US)](https://wordpress.org/plugins/css-only-lightbox/)
 * Étiquettes
 * [css](https://fr.wordpress.org/plugins/tags/css/)[lightbox](https://fr.wordpress.org/plugins/tags/lightbox/)
 *  [Vue avancée](https://fr.wordpress.org/plugins/css-only-lightbox/advanced/)

## Évaluations

Aucun avis n’a encore été envoyé.

[Your review](https://wordpress.org/support/plugin/css-only-lightbox/reviews/#new-post)

[Voir tous les avis](https://wordpress.org/support/plugin/css-only-lightbox/reviews/)

## Contributeurs

 *   [ dan-jones ](https://profiles.wordpress.org/dan-jones-1/)

## Support

Quelque chose à dire ? Besoin d’aide ?

 [Voir le forum de support](https://wordpress.org/support/plugin/css-only-lightbox/)