Salta al contenuto principale

Drupal e Lightbox2

Drupal e Lightbox2

Con Lightbox2 è possibile avere una galleria di immagini all'interno della setssa pagina. Il progetto, realizzato in Java, è scaricabile dal sito http://www.lokeshdhakar.com/projects/lightbox2

Per installare Lightbox all'interno di Drupal occorre fare alcune considerazioni:

invece di scrivere nel file page.tpl.php del vostro tema

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

occorre aggiungere un "/" iniziale e cioè

<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>

Se le immagini vengono utilizzate per un certo tipo di contenuto (es negozio), occorre, per evitare conflitti con altri script, aggiungere nel tempalte un controllo

<?php if(($node->type=='negozio')&&(strpos(request_uri(),"/edit")===false)) {
echo '<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />';
echo '<script type="text/javascript" src="/js/prototype.js"></script>';
echo '<script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script>';
echo '<script type="text/javascript" src="/js/lightbox.js"></script>';
} ?>

in questo modo lightbox viene attivato solo per quel tipo di nodo e quando non si è in modifica (/edit)

Inoltre va corretto il file lightbox.js aggiungendo anche qui "/" prima di images e cioè

fileLoadingImage: '/images/loading.gif',
fileBottomNavCloseImage: '/images/closelabel.gif',

Altrimenti la scritta CLOSE e la X non appaiono