WebSite X5Help Center

 
GRS .
GRS .
User

Immagine di precaricamento in backgrownd per slideshow con "maximage"  it

Autore: GRS .
Visite 1540, Followers 1, Condiviso 0  

Scusate, avrei continuato un altro post aperto ma son tutti chiusi e risolti 

Visto il codice da applicare a ogni pagina con slideshow in bacground:

<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<link href="slides/style.css" rel="stylesheet" type="text/css" />
<script src="slides/jquery.maximage.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
jQuery('img.slidemaximage').maxImage({
isBackground: true,
slideShow: true,
slideShowTitle: false,
slideDelay: 300,
maxFollows: 'height',
overflow:'auto',
resizeMsg: {show: false}
});
});
</script>
<center> <img src="<i>MIACARTELLA</i>/loading.gif" class="loader" /> </center>
<img src="MIACARTELLA/MIAIMMAGINE01.jpg" alt="" title="" class="slidemaximage" />
<img src="<span>MIACARTELLA</span>/<span>MIAIMMAGINE02</span>.jpg" alt="" title="" class="slidemaximage" />
<img src="<span>MIACARTELLA</span>/<span>MIAIMMAGINE03</span>.jpg" alt="" title="" class="slidemaximage" />

...ECC

avrei bisogno di una info:

L'immagine di precaricamento MIACARTELLA/loading.gif è molto utile però mi fa scendere pagina, testo e tutto, sotto l'immagine stessa. Io vorrei che uscisse o in background, ossia sotto tutto, oppure a centro pagina sopra tutto il resto. come fare?

Ecco il mio esempio: http://goo.gl/bvZcqR

Come dovrei modificare la jquery "jquery.maximage.js" ??  nel tratto:

function _loads_image(nums){
var currentImage = nums;

var objImagePreloader = new Image();
objImagePreloader.onload = function() {
$('.slide-'+currentImage).attr('src',opts.imageArray[currentImage][0]);
_get_orig_data($('.slide-'+currentImage));
_size_image($('.slide-'+currentImage));
_center_image($('.slide-'+currentImage));
$(window).resize(function(){
_size_image($('.slide-'+(currentImage)));
_center_image($('.slide-'+currentImage));
});

if(currentImage==0){
_start_timer();
}

if(currentImage < opts.imageArray.length-1){
_loads_image(currentImage+1);
}

}
objImagePreloader.src = opts.imageArray[currentImage][0];
}

Postato il
4 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... sei sicuro di aver seguito le istruzioni con attenzione ...?...

... sei sicuro che il TAG IMG vada inserito in HEAD, (sopra alla struttura), ...?... (*)

...

(*) - non ho programmi, ma secondo me le immagini andrebbero inserite, o in un Oggetto Codice HTML, oppure, e forse più corretto, nel Pannello ESPERTO | BODY/BODY

.

ciao



Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
GRS .
GRS .
User
Autore

Grazie‪ KolAsim della risposta. Se inserisco il TAG IMG all'interno del body mi carica prima tutta la pagina, poi la slideshow. In head anticipa il caricamento delle immagini, poi finisce il resto della pagina ed è proprio quello che volevo.

Solo che il problema rimane per l'immagine di loader che appare in alto e se si ha la linea molto lenta, scompagina tutto prima di assestarsi a fine caricamento. Quindi non so modificare il file jquery.maximage.js nella parte che ho copiato qui, per rendere l'immagine di loader in primo piano :(

Leggi di più
Postato il da GRS .
 lemonsong  
 lemonsong  
User

@Roberto

Oltre ad inserire il codice delle immagini nel body, come detto da Kol, togli quei tag vetusti (<center> e </center>) e prova ad inserire il CSS proposto da stesil in questo post, nel file slides/style.css

http://www.unofficialwsx5.com/index.php?topic=1064.msg7839#msg7839

Eventualmente sostituire position: absolute; con position: fixed;

Leggi di più
Postato il da  lemonsong  
GRS .
GRS .
User
Autore

Scusate il ritardo, grazie delle sempre pronte risposte!
@lemonsong
Grazie mille correggo e questi giorni vi dico come va.
Per adesso sto cercando un modo per alleggerire ulteriormente le pagine e sopratutto una soluzione di precaricamento di alcune foto in modo che la slideshow venga più fluida. Da cell con rete non 4g è abbastanza scattoso.

Leggi di più
Postato il da GRS .