Ottimizzazzion di una photogallery che sembra ciucciare troppe risorse!
- Questo topic ha 2 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 11 anni, 5 mesi fa da jqueryitalia.
- AutorePost
- 16 Novembre 2012 alle 13:22 #3743jsteelPartecipante
volevo porvi un quesito di programmazione, parliamo di jquery usato per creare una photogallery.
il fulcro sta in un div contenitore che mi contiene le mie immaggini della galleria, queste scorrono con un animazione di opacità! al document ready abbiamo una foto statica poi ciclano le foto cambiando semplicemente il valore del campo src del tag img, questa riscrive questo campo facendo arrivare la foto con un animazione proveniente da opacity= zero.
Pero tutto questo avviene in un ciclo infinito, e mi sembrava molto pesante questa galleria, volevo sapere se questo ciclo infinito mi porti ad avere un consumo eccessivo delle risorse.
Allora io lavoro in html 5 e credo degli sfondi con i nuovi tag css 3 ma siccome devo farli vedere anche ad explorer 8 che fa cagare, devo usare la libreria css 3 pie, quinfi volevo capire se la pesantezza avviene dalla mia galleria fotografica o dalla libreria css 3 pie.
allora come funziona il tutto, io ho il mio tag img principale della foto statica<div id=miocontenitore> <img id="miaImg" src="percorsoImg" etc. etc /> </div> <div id="miocontenitorethumbine"> <div></div>
Ciao a tutti, sono nuovo e volevo porvi un quesito.
<div id ="nostrocontenitore">
Contenitore che contiene una foto grande e che andrà a contenere tutte le nostre foto
e richiamo la foto in modo statico così
<img id="miaImg" src="percorsoImg" alt="" width="" /> <div id="contenitoreThumbine">
i vari div con le thumb.
Allorca con jquery che faccio, applico un evento a tutti i div con thumbine, al cui interno nel tag img metto un id con le informazioni sul percorso delle foto da ciclare che vanno dentro il mio contenitore principale.
Quindi appena clicco nella foto corrispondente, prima di tutto fa partire un animazione di opacity portandola a zero del img principale, a fine animazione carico la foto corrispondente prelevando le info dalla mia thmbina dove ci sta nel tag= il percorso che andrà a finire nel src del tag img principale!
lo sovrascrivo, e dpodicchè faccio partire un animazione di opacità da zero quale era a 1, a fine animazione dopo un controllo sul numero di thumbine che mi definisce l’esatto numero di foto caricate nel tag img del contenitore principale. questo in un ciclo infinito!
Ma questo ciclo infinito secondo voi, ciuccerà risorse rallentando il mio browser?
il semplice fatto di aggiornare un src nel tag img, che vuol dire, caricare la foto a tutti gli effetti??
devo prevedere un sistema di pulizia o rimozione? in pratica la sovrascrittura infinita di un attributo src del tag image, è inefficente???
Grazie per la disponibilità, spero di esser stato chiaro ma ci credo poco haha 🙂
16 Novembre 2012 alle 13:30 #3744jsteelPartecipanteaspettate vi posto il sito dove ho creato questa galleria fotografica, e ditemi se secondo voi, ciuccia troppe risorse:
16 Novembre 2012 alle 21:47 #3747jqueryitaliaAmministratoreCiao jsteel e benvenuto.
Per le prossime volte ti chiedo la gentilezza di inserire il codice (HTML, CSS, Javascript, ecc.) attraverso il pulsante CODE dell’editor di testo.
Ho controllato la tua gallery sul sito e, a parte qualche ottimizzazione ulteriore da fare nel codice javascript, mi sembra abbia un “consumo” normale.
Ripeto: si potrebbe ottimizzare il codice, ma per il resto mi sembra tutto ok! 🙂
- AutorePost
- Devi essere connesso per rispondere a questo topic.