Alternare immagini in Microsoft Frontpage

sabato 09 febbraio 2008 - 19.16

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

giulconi Profilo | Newbie

32 messaggi | Data Invio: sab 9 feb 2008 - 19:16

Vorrei poter alternare diverse foto nel mio sito, nello stesso spazio.
Come posso decidere la sequenza, i tempi e le varie disolvenze?
Se non con Frontpage, magari con uno script?

Mi sapete suggerire la via più facile considerando che non ho dimestichezza con html?
Grazie.
Giulio

luigidibiasi Profilo | Guru

1.077 messaggi | Data Invio: lun 25 feb 2008 - 23:38

In rete era disponibile questo script....

<html>
<body>
<img id="SlideShow" onmouseover="stopSlide()" onmouseout="startSlide()" name="SlideShow" width="650px" height="180px" src="/images/common/companyBg/companybg7.jpg"/><br/>

Poi inserisci questo script

L'array Pic[] puoi riempirlo con le foto che vuoi far comparire. Tieni presente che gli effetti funzionano solo con internet explorer.

<script type="text/javascript" language="JavaScript">
var slideShowSpeed = 5000
var crossFadeDuration = 15
var Pic = new Array()
Pic[0] = 'http://www.dibiasi.it/images/common/companybg/companybg5.jpg'
Pic[1] = 'http://www.dibiasi.it/images/common/companybg/companybg6.jpg'
Pic[2] = 'http://www.dibiasi.it/images/common/companybg/companybg1.jpg'
Pic[3] = 'http://www.dibiasi.it/images/common/companybg/companybg2.jpg'
Pic[4] = 'http://www.dibiasi.it/images/common/companybg/companybg3.jpg'
Pic[5] = 'http://www.dibiasi.it/images/common/companybg/companybg4.jpg'
Pic[6] = 'http://www.dibiasi.it/images/common/companybg/companybg7.jpg'
Pic[7] = 'http://www.dibiasi.it/images/common/companybg/companybg8.jpg'
var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
// document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
slideShowSpeed=5000
}

function stopSlide()
{
window.clearTimeout(t);
}
function startSlide()
{
t = setTimeout('runSlideShow()', 10);
}

runSlideShow()
</script>
</body>
</html>
Luigi Di Biasi

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !