Ciao e benvenuta sul forum.
La soluzione non è così semplice, ancora meno se non si ha dimestichezza con JavaScript/jQuery con cui è realizzato quello slideshow che oltretutto (da quello che ho potuto constatare) non è strutturato per apportare facilmente quel tipo di personalizzazione. Infatti, a differenza di altri vari parametri che è possibile impostare nella inizializzazione dell'oggetto gallery direttamente sulla pagina html, le funzioni (play e pause), che controllano l'esecuzione dello slideshow, non hanno un callback e tantomeno sono personalizzabili, se non intervenendo per vie traverse.
Chiaramente si può risolvere comunque in vari modi.
Per il sottofondo musicale ti propongo di optare per un più comodo mp3 supportato dal tag <audio>, magari un mp3 non troppo pesante... (i midi come sottofondo sui siti non li sento più da quando è decaduta la lira
).
Ti posto uno script che dovrai inserire nella/e pagina/e dove è presente lo slideshow:
codice:
var bgsound = $("<audio></audio>").attr({ // creo l'oggetto audio
src: "tuo_file_audio.mp3" // url del file mp3
, loop: "loop" // ripetizione continua
}).appendTo("body"); // appendo l'elemento al body
bgsound.run = function(run){ // funzione per eseguire play/pause sull'audio
run&&this[0].play(); // se run=true, eseguo l'audio
this.stop().animate({volume: run?1:0} // eseguo una dissolvenza del volume
, 1500 // millisecondi per la dissolvenza
, function(){!run&&this.pause();} // al termine della dissolvenza, se run=false, fermo l'audio
);
}
bgsound.run(gallery.isSlideshowRunning); // eseguo subito l'audio se lo slideshow è impostato con autoStart=true
gallery.default_play = gallery.play; // creo una copia della funzione play dello slideshow
gallery.default_pause = gallery.pause; // creo una copia della funzione pause dello slideshow
gallery.play = function(){gallery.default_play();bgsound.run(true)}; // aggiungo la funzione per eseguire l'audio sul play dello slideshow
gallery.pause = function(){gallery.default_pause();bgsound.run(false)}; // aggiungo la funzione per fermare l'audio sulla pausa dello slideshow
Ho cercato di commentare al meglio, per chi volesse capirne la logica di funzionamento.
Esattamente va inserito dentro la funzione jQuery(document).ready che sta in fondo al body. Devi inserirlo necessariamente dopo l'inizializzazione della gallery.
In pratica (prendendo come riferimento il file portfolio_one.html) va inserito appena prima di queste righe alla fine della pagina:
codice:
});
</script>
</body>
</html>
Chiaramente dovrai specificare l'attributo src (nella seconda riga dello script) con il giusto url del tuo mp3.
Spero possa andare bene.
Buon proseguimento.
Rispondi quotando
Originariamente inviata da KillerWorm
