Responsive Modal

Il popup visualizzato si ottiene con questo codice (principalmente preso da https://www.drupal.org/node/1630630):

<!-- all'interno del tag head o nel css del tema -->
<style type="text/css">

#lightbox2-overlay {
    width:100% !important;
}

#outerImageContainer {
    max-width: 100%;
    height: auto !important;
    width: auto !important;
}

#imageContainer, #frameContainer, #modalContainer {
    height: auto !important;
    max-width: 100% !important;
}

#frameContainer iframe {
    width: 100%;
}

#imageDataContainer {
    width: auto !important;
}

#lightboxImage {
    height: auto !important;
    max-width: 100% ;
}
</style>

<div style="display: none;" id="lightboxAutoModal"> <p>Test popup con LightBox2: MGI di Ganovelli Maurizio</p> </div>

 

Torna alla pagina del blog.

Come caricare pagine interne ed esterne con Lightbox2

TEST DRUPAL.ORG (SITO ESTERNO)

<a href="http://drupal.org" rel="lightframe">TEST DRUPAL.ORG (SITO ESTERNO)</a>

TEST NODO INTERNO

<a href="http://www.ganovelli.it/node/9/lightbox2" rel="lightframe">TEST NODO INTERNO</a>

Come da esempi è sufficiente inserire l'attributo rel con valore lightframe all'interno del codice del link.