ciao gentili esperti,
premetto che sono un principiante
ho inserito in una pagina web di mia creazione i seguenti scripts
serve a visualizzare le immagini in una casella a parte. Quindi ho inserito questo altro 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!
premetto che sono un principiante
ho inserito in una pagina web di mia creazione i seguenti scripts
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 //-->
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>
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!
Ultima modifica di un moderatore: