lug132008

Convivenza difficile tra mootools e lightbox

Web, Wordpress • Visitato 876 volte, 2 per oggi

Sono due tools grafici per il web.

lightbox è specializzato per apertura immagini ad effetto.

home page –> Lightbox 2

mootools svaria su effetti sulle immagini e anche testo eccetera. In bixbi ci sono 2 effetti applicati uno è qui a destra su header ( icone che si muovono) e altro sul blogrool ( hover mouse sui link).

home page –> mootools oppure moord

Applicando questi due effetti su mio blog , uno tramite plugin e l’altro seguendo docs,

mi sono scontrato in un rifiuto di convivenza.

Con entrambi installati non funzionava lightbox, non c’era verso  . . . . ho provato anche sostituire  lighbox con plugin alternativi ma senza risultati positivi.

Altre prove eseguite spostare mootools come composizione codice , ma niente.


Tophost Hosting
Per caso, insistenza , intuizione , testardagine è arrivata la soluzione.

Come detto ho provato altri plugin come lightbox uno di questi è thickbox.

Anche se quest’ultimo alla fine non è presente sulla mia configurazione , una parte del codice di questo plugin mi ha risolto agogniato problema.

Teniamo presente il codice seguente :

<a  href=”http://www.bixbi.it/wp-content/uploads/2008/05/compiz-git.jpg”><img class=”alignnone size-medium wp-image-459″ title=”compiz-git” src=”http://www.bixbi.it/wp-content/uploads/2008/05/compiz-git-300×240.jpg” alt=”" width=”300″ height=”240″ /></a>

Questo è quello generato da wordpress nel inserire immagine nell’articolo, poi lightbox lo fa suo dandogli apertura con sfondo trasparente nero.

Ecco il codice modificato :

<a class=”thickbox” href=”http://www.bixbi.it/wp-content/uploads/2008/05/compiz-git.jpg”><img class=”alignnone size-medium wp-image-459″ title=”compiz-git” src=”http://www.bixbi.it/wp-content/uploads/2008/05/compiz-git-300×240.jpg” alt=”" width=”300″ height=”240″ /></a>

La parte aggiunta si traduce nel solo class=”thickbox”

Ripeto thickbox non è presente ne come plugin ne come codice sul file style.css, ma torna utile.

Provate a cliccare nell’immagine seguente  effetto apertura con sfondo trasparente nero farà la sua comparsa, tenendo presente che il tools di mootools è attivo sull header.

Altra considerazione questa prova lo testata su Firefox e anche IE7

P.S.

14/07/2008

La casualità della funzionamento aggiungendo class=”thickbox”

è confermata anche perchè disattivando il plugin ligtbox, effetto apertura funziona lo stesso.

Questo perchè thickbox è usato anche dal plungin NEXT Gallery che ultimamente, anche se no lo uso, ho attivato.

Quindi lightbox rimane incompatibile insieme a mootools

Articoli con qualche attinenza.

Pubblicato 747 giorni fa.

No Responses

Comment RSS Trackback URL
  1. Matsettembre 24th, 2008

Leave a Reply

72 queries. 0,825