diversi script nella stessa pagina web

**nicolaeremita** · 02-08-2012, 11:43

ciao gentili esperti,
premetto che sono un principiante

ho inserito in una pagina web di mia creazione i seguenti scripts

Codice HTML:

<!-- script visualizzatore immagini //-->
<link media="screen" rel="stylesheet" href="../../slide/colorbox.css">
<script src="../../slide/jquery.min.js"></script>
<script src="../../slide/jquery.colorbox.js"></script>
<script>
		$(document).ready(function(){
			//Examples of how to assign the ColorBox event to elements
			$("a[rel='example1']").colorbox();
			//Example of preserving a JavaScript event for inline calls.
			$("#click").click(function(){ 
				$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
				return false;
			});
		});
	</script>
<!-- fine script visualizzatore immagini   //-->

serve a visualizzare le immagini in una casella a parte. Quindi ho inserito questo altro script

Codice HTML:

<script type="text/javascript" src="../../mootools.js"></script>
<script type="text/javascript" src="../../qscroller.js"></script>
</head>
<body>
<div id="qscroller1"></div>
<div class="hide">
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-01.gif" /></div>
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-02.gif" /></div>
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-03.gif" /></div>
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-04.gif" /></div>
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-05.gif" /></div>
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-06.gif" /></div>
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-07.gif" /></div>
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-08.gif" /></div>
  <div class="qslide"><img src="http://forum.mrwebmaster.it/grafica/scroll-palazzi-veneziani-08.gif" /></div>
</div>
<script type="text/javascript">
<!--
window.addEvent('domready', function() {
var opt = {
  duration: 8000,
  delay: 2000,
  auto:true,
  
}
var scroller = new QScroller('qscroller1',opt);
scroller.load();
});
//-->
</script>

che serve a far scorrere automaticamente delle piccole immagini sullo schermo.

ho verificato che i due gruppi non funzionano assieme.
chiedo
come si possa far in modo che quando clicco sull'immagine da ingrandire si fermi lo script di scorrimento?
grazie
ciao!

**criric** · 02-08-2012, 23:27

Ciao,
io non sono riuscito a far funzionare ne il primo ne il secondo

hai un esempio online? oppure puoi postare un esempio un po piu complet?

**nicolaeremita** · 03-08-2012, 11:12

http://www.galleriaterzomillennio.it...veneziani.html

a questo link trovi la pagina e vedi in alto il roll-over che fluisce ma in basso non è possibile ingrandire le immagini relative.
ciao!

**criric** · 03-08-2012, 15:26

Firebug ha rilevato qualche errore

sicuramente dipende da questo :

"NetworkError: 404 Not Found - http://www.galleriaterzomillennio.it/imgs/marioeremita/disegni-palazzi-veneziani/.jpg"
"NetworkError: 404 Not Found - http://www.galleriaterzomillennio.it/imgs/marioeremita/disegni-palazzi-veneziani/cavalifranchetti-ist.jpg"
"NetworkError: 404 Not Found - http://www.galleriaterzomillennio.it/imgs/marioeremita/disegni-palazzi-veneziani/.jpg"
"NetworkError: 404 Not Found - http://www.galleriaterzomillennio.it/imgs/marioeremita/disegni-palazzi-veneziani/cavalifranchetti-ist.jpg"

TypeError: $("a[rel='example1']") is null
$("a[rel='example1']").colorbox();

TypeError: $.data(this, colorbox) is undefined
var relRelated = $.data(this, colorbox).rel || this.rel;

Prova a sistemare questi intanto, stasera ci guardo meglio

**nicolaeremita** · 03-08-2012, 16:15

Ciao, grazie per l'interessamento ho risolto il problema. Si trattava di mettere lo script jquery in modalità no conflict
con il seguente comando
var $j=jQuery.noConflict();
e quindi sostituire i $ con $j
ciao e saluti

Nicola

Discussione: diversi script nella stessa pagina web

Strumenti Discussione

Visualizzazione

diversi script nella stessa pagina web

diversi script nella stessa pagina

risolto

Permessi di Scrittura