2 javascript in conflitto

Ciao ragazzi, ho un piccolo problema: non riesco ad inserire 2 javascript contemporaneamente.

Il primo è uno slidshow di immagini e questo è lo script:

Codice HTML:

---

<link href="stylesheets/simpleSlider.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="javascripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.simpleSlider.js"></script>
<script type="text/javascript" src="javascripts/jquery.simpleSlider.effects.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $('#slider').simpleSlider( { width: 600, height: 360 });
  } );       
</script>

---

Inserendo questo tutto funziona benissimo. Successivamente ho inserito quest'altro script (lightbox):

Codice HTML:

---

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

---

Ho notato, dopo vari tentativi che l'uno impedisce il funzionamento dell'altro. È come se andassero in conflitto.

Sapreste dirmi dov' è il problema? Grazie!

Questo è il sito: http://raffyshow.altervista.org/index.html

Stai mettendo assieme due librerie, jQuery e Prototype/Scriptaculous, che forse non sono compatibili —oltre a pesare assieme più di tutto il resto della pagina, probababilmente.

Guarda se trovi un'alternativa a Lightbox che sia basata su jQuery.

QUESTO dovrebbe andare bene.

e non esiste nessun altra soluzione........??

Certo: puoi prendere le due librerie e modificarne il codice per renderle compatibili.

E ti prego smettila di mettere tonnellate di punti di sospensione senza motivo.

me lo potresti spiegare tu come modificare i codici.

Non ci voglio neanche pensare: jQuery è 9300 linee di codice, Prototype più di 7000, ed è uno sforzo inutile perché puoi semplicemente usare un'altra versione di lightbox come suggerito sopra.

ok grazie farò cosi..

Sono riuscito a cambiare libreria......Penso di averlo messo in jQuery ....

Con questo script:

Codice HTML:

---

<script src="lightbox33/js/jquery-1.7.2.min.js"></script>
<script src="lightbox33/js/lightbox.js"></script>

<link href="lightbox33/css/lightbox.css" rel="stylesheet" />

---

Mi da lo stesso il conflitto. Come posso fare?

Cosa non ti funziona esattamente?
Perché, se non ho capito male, il simpleslider è quello che cambia immagine nell'header: e funziona; mentre con lightbox vuoi mostrare le immagini a fondo pagina: funziona anche questo anche se non lo stai usando nel modo giusto. (leggiti le, pochissime, istruzioni su come usarlo nell'archivio che hai scaricato, o sul sito del produttore)

Il fatto è che mettendoli insieme non mi funziona il simplslider...mentre il lightbox si.......ce qualcosa che non va.......

Il simplisider è quello che cambia le immagini in cima alla pagina?
Perché se è quello a me viene visualizzato correttamente

Si è quello......riesci a visualizzarlo perche adesso lo tolto lo script del lightbox....
nel momento in cui inserisco lo script del lightbox, lo slideshow (quello con le immagini) non funziona più.... ora ti faccio vedere.........

il lightbox è quell immagine in fondo alla sidebar con l immagine del piatto e la colazione........

ce l ho fatta frate........
Dovevo inserire dopo lo script del lightbox questo:

Codice HTML:

---

<script type="text/javascript">

  $.noConflict();
  jQuery(document).ready(function($) {
    true
  });
 
</script>

---

:lol: