Contenuti scorrevoli con jQuery Tools + lightbox?

[fabiosalandin]

un saluto a tutti,

ho caricato su una mia pagina web (in locale) questa galleria di Mirko Votta.

http://www.html.it/articoli/contenut...query-tools-1/

Facile ed interessante ma ... volevo associarci anche un lightbox (perchè le foto scorrono e basta ma se cliccate non si ingrandiscono).

Peccato che inserendo lightbox le foto si aprono nel solito modo ma la galleria non scorre più.

E' evidente che il css o altro di lightbox ha interferito con i css-script di questa jQuery gallery.

Io non sono per niente ferrato in materia mi sapete dare una dritta? Cioè o riuscire ad usare lightbox in questa gallery oppure trovare il modo che le foto della galleria se cliccate si ingrandiscano (e lasciare stare quindi lightbox).

nel modo più semplice possibile se si può

grazie

[echoweb]

mi è capitata una cosa simile.

Prima di richiamare la costruzione della galleria, aggiungi

<script> var J = jQuery.noConflict(); </script>

e sostituisci $ con J. Esempio...

// execute your scripts when the DOM is ready. this is a good habit 
$(function() { 
 
    // initialize scrollable 
    $("div.scrollable").scrollable(); 
 
}); 
</script>

diventa

<script> var J = jQuery.noConflict(); </script>

// execute your scripts when the DOM is ready. this is a good habit 
J(function() { 
 
    // initialize scrollable 
    J("div.scrollable").scrollable(); 
 
}); 
</script>

[fabiosalandin]

ciao echoweb, intanto grazie per aver risposto.

ho messo tuo codice ma non funziona ancora. probabilmente l'ho messo male. Oppure devo fare altro che per te è scontato.

quando dici "Prima di richiamare la costruzione della galleria, aggiungi..." vuoi dire di mettere la stringa del tuo codice prima delle altre stringhe <script> o <link href="...?
Io ad ogni modo ho messo la stringa del tuo codice subito sotto il TITLE e sotto tutto il resto. Come da esempio:

<title>TITOLO PAGINA</title>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen, projection" />
<script> var J = jQuery.noConflict(); </script>
<script>
// execute your scripts when the DOM is ready. this is a good habit
J(function() {

// initialize scrollable
J("div.scrollable").scrollable();

});
</script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.tools.min.js"></script>
<link href="./scrollable-horizontal.css" rel="stylesheet" type="text/css" media="all" />
<link href="./scrollable-buttons.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
</head>


In teoria quindi basta inserire la stringa di codice da te suggerito nella pagina dove si trova la galleria foto scorrevole o va modifcato anche altro? altri $ da altre parti?

grazie!
fabio

[echoweb]

prova così:

<title>TITOLO PAGINA</title>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen, projection" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.tools.min.js"></script>
<link href="./scrollable-horizontal.css" rel="stylesheet" type="text/css" media="all" />
<link href="./scrollable-buttons.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

<script> var J = jQuery.noConflict(); </script>
<script>
// execute your scripts when the DOM is ready. this is a good habit 
J(function() { 

// initialize scrollable 
J("div.scrollable").scrollable(); 

}); 
</script>

</head>

[fabiosalandin]

Sigh.. niente da fare. Ho messo tuo codice ma così continua a non scorrere (come anche al primo tentativo) e ora non funziona neanche più il lightbox (le foto si aprono ma in una pagina a parte, _blank).

Cliccando sulla freccia dx essa scompare e compare dall'altra parte la freccia sx che se clicchi fa lo stesso della dx (cioè scompare e compare dall'altra parte quella dx) ma in realtà le foto di anteprima non si sono mai mosse e non compaiono neanche quelle del II giro.

[fabiosalandin]

provo a mettere on line la galleria originale + lightbox. la sto facendo ...

[fabiosalandin]

ecco qui, ho ricreato una gallery dall'esempio originale (a parte le "immagini") inserendo lightbox (codice precedente).

http://www.fabiosalandin.it/TEST/minimal/minimal.htm

se può aiutare a capire meglio ...
grazie