Modificare preload

**djjunior** · 15-07-2008, 14:36

Ciao a tutti,
ho questo script che mi funge da galleria fotografica, utilizzando molte foto, circa una novantina, lo scirpt fa sicuramente il preload di tutte quindi rallentando l'apertura della pagina dove è inserito, non capendo nulla di javascript potete aiutarmi a modificarlo non effettuando il preload al caricamento della pagina, ma consigliatemi modo diverso e più veloce al caricamento, magari durante che lo script è in azione, caricandole di volta in volta.
Ecco lo script:

codice:

<SCRIPT LANGUAGE="JavaScript">


<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000;
// Duration of crossfade (seconds)
var crossFadeDuration = 2;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'gallery/1.jpg'
Pic[1] = 'gallery/2.jpg'
Pic[2] = 'gallery/3.jpg'
Pic[3] = 'gallery/4.jpg'
Pic[4] = 'gallery/5.jpg'
Pic[5] = 'gallery/6.jpg'
Pic[6] = 'gallery/7.jpg'
Pic[7] = 'gallery/8.jpg'
Pic[8] = 'gallery/9.jpg'
Pic[9] = 'gallery/10.jpg'
Pic[10] = 'gallery/11.jpg'
Pic[11] = 'gallery/12.jpg'
Pic[12] = 'gallery/13.jpg'
Pic[13] = 'gallery/14.jpg'
Pic[14] = 'gallery/15.jpg'
Pic[15] = 'gallery/16.jpg'
Pic[16] = 'gallery/17.jpg'
Pic[17] = 'gallery/18.jpg'
Pic[18] = 'gallery/19.jpg'
Pic[19] = 'gallery/20.jpg'
Pic[20] = 'gallery/21.jpg'
Pic[21] = 'gallery/22.jpg'
Pic[22] = 'gallery/23.jpg'
Pic[23] = 'gallery/24.jpg'
Pic[24] = 'gallery/25.jpg'
Pic[25] = 'gallery/26.jpg'
Pic[26] = 'gallery/27.jpg'
Pic[27] = 'gallery/28.jpg'
Pic[28] = 'gallery/29.jpg'
Pic[29] = 'gallery/30.jpg'
Pic[30] = 'gallery/31.jpg'
Pic[31] = 'gallery/32.jpg'
Pic[32] = 'gallery/32.jpg'
Pic[33] = 'gallery/34.jpg'
Pic[34] = 'gallery/35.jpg'
Pic[35] = 'gallery/36.jpg'
Pic[36] = 'gallery/37.jpg'
Pic[37] = 'gallery/38.jpg'
Pic[38] = 'gallery/39.jpg'
Pic[39] = 'gallery/40.jpg'
Pic[40] = 'gallery/41.jpg'
Pic[41] = 'gallery/42.jpg'
Pic[42] = 'gallery/43.jpg'
Pic[43] = 'gallery/44.jpg'
Pic[44] = 'gallery/45.jpg'
Pic[45] = 'gallery/46.jpg'
Pic[46] = 'gallery/47.jpg'
Pic[47] = 'gallery/48.jpg'
Pic[48] = 'gallery/49.jpg'
Pic[49] = 'gallery/50.jpg'
Pic[50] = 'gallery/51.jpg'
Pic[51] = 'gallery/52.jpg'
Pic[52] = 'gallery/53.jpg'
Pic[53] = 'gallery/54.jpg'
Pic[54] = 'gallery/55.jpg'
Pic[55] = 'gallery/56.jpg'
Pic[56] = 'gallery/57.jpg'
Pic[57] = 'gallery/58.jpg'
Pic[58] = 'gallery/59.jpg'
Pic[59] = 'gallery/60.jpg'
Pic[60] = 'gallery/61.jpg'
Pic[61] = 'gallery/62.jpg'
Pic[62] = 'gallery/62.jpg'
Pic[63] = 'gallery/64.jpg'
Pic[64] = 'gallery/65.jpg'
Pic[65] = 'gallery/66.jpg'
Pic[66] = 'gallery/67.jpg'
Pic[67] = 'gallery/68.jpg'
Pic[68] = 'gallery/69.jpg'
Pic[69] = 'gallery/70.jpg'
Pic[70] = 'gallery/71.jpg'
Pic[71] = 'gallery/72.jpg'
Pic[72] = 'gallery/73.jpg'
Pic[73] = 'gallery/74.jpg'
Pic[74] = 'gallery/75.jpg'
Pic[75] = 'gallery/76.jpg'
Pic[76] = 'gallery/77.jpg'
Pic[77] = 'gallery/78.jpg'
Pic[78] = 'gallery/79.jpg'
Pic[79] = 'gallery/80.jpg'
Pic[80] = 'gallery/81.jpg'
Pic[81] = 'gallery/82.jpg'
Pic[82] = 'gallery/83.jpg'
Pic[83] = 'gallery/84.jpg'
Pic[84] = 'gallery/85.jpg'
Pic[85] = 'gallery/86.jpg'

// do not edit anything below this line
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);
}
//  End -->
</script>

Nel tag body inserisco

codice:

<BODY onLoad="runSlideShow()">

e al punto dove voglio venga pubblicato la gallery:

codice:

<td id="VU" height=270 width=268>
[img]immaginebase.gif[/img]
</td>

Grazie per il Vs. aiuto.
G.

**Ht28** · 16-07-2008, 00:16

Perchè non usi un programma che fa tutto lui? Nel sito Jalbum trovi molte gallery già pronte, la mia es. ha il preloader http://www.photoman.altervista.org/g...-out/index.php

**djjunior** · 16-07-2008, 09:29

Ciao Ht28,
ma quello che serve e me non è una gallery che cliccando su un'immagine me la fa vedere.
Lo script deve lavorare in autonomia, senza funzioni di click, avanzamento o altro.
Questo script che avevo trovato per me funziona alla grande ma rallenta il caricamento della pagina proprio perchè quasi certamente effettua prima tutto il preload delle immagini.
Quindi mi serve + una modifica allo stesso oppure uno script simile che carichi le immagni durante la visione delle stesse.
Grazie per il tuo aiuto.
G.

**Ht28** · 16-07-2008, 18:45

Originariamente inviato da djjunior
Ciao Ht28,
ma quello che serve e me non è una gallery che cliccando su un'immagine me la fa vedere.
Lo script deve lavorare in autonomia, senza funzioni di click, avanzamento o altro.
Questo script che avevo trovato per me funziona alla grande ma rallenta il caricamento della pagina proprio perchè quasi certamente effettua prima tutto il preload delle immagini.
Quindi mi serve + una modifica allo stesso oppure uno script simile che carichi le immagni durante la visione delle stesse.
Grazie per il tuo aiuto.
G.

La tua richiesta è sconsigliabile, mettiti nei panni di un visitatore che per ogni immagine deve attendere il caricamento, dopo un po se ne va.
E' meglio fare un preload iniziale.

Però è strano che col tuo pc ci sia un rallentamento visto le immagini sono già state caricate precedentemente nella cache.

**djjunior** · 17-07-2008, 09:09

Capisco il problema,
ma questa galleria non è una cosa importante per il sito è solo marginale e di immagine, quindi il preload delle immagini durante la visione la reputo l'unica alternativa al rallentamento iniziale, quest'ultimo può dissuadere il visitatore ad attendere troppo tempo per il caricamento del sito.

Però è strano che col tuo pc ci sia un rallentamento visto le immagini sono già state caricate precedentemente nella cache.

Se mi collego al sito + di 1 volta, dalla seconda volta in poi rimangono in cache, però se un visitatore è la prima volta che si collega dovrà attendere tutto il caricamento, ecco il ritardo.
Puoi aiutarmi a modificare il preload attuale in modo che faccia il preload durante la rotazione?
Grazie
G.

**Ht28** · 17-07-2008, 19:30

Nel link che ti ho postato sopra ci sono 2 frame, in quello sx uso questo codice come preload:

CSS:

codice:

#dd-gallery{
position:absolute;
background-color:#e8e8e8; 
width:210px;
height:1500px;
margin-top:2px;
padding-top:20px;

Nella pag:

codice:

<body id="index" onload="document.getElementById('dd-gallery').style.display='none'">
<div id="dd-gallery">
<span class="preload-gallery">loading images...</span>







[img]res/clip-art.gif[/img]
</div>

Quando le immagini si sono caricate questo preload scompare

**djjunior** · 18-07-2008, 15:02

Grazie per il tuo aiuto!
Ma come posso implementarlo al mio script?
Grazie
G.

**Ht28** · 18-07-2008, 19:54

Originariamente inviato da djjunior
Grazie per il tuo aiuto!
Ma come posso implementarlo al mio script?
Grazie
G.

Semplicemente prova ad applicare il codice che ti ho dato magari modificando il css.

In pratica devi togliere il tuo preload e mettere il mio (te lo puoi modificare), quando le immagini si sono caricate scompare ed appaiono le immagini come puoi vedere dal mio link.

**djjunior** · 19-07-2008, 14:57

è proprio questo il problema, non conoscendo java non so cosa togliere dal mio script e implementarlo con il tuo.
Ciao
G.

Discussione: Modificare preload

Strumenti discussione

Ricerca discussione

Visualizza

Modificare preload

Permessi di invio