[PHP/JQuery] Visualizzatore immagine enorme

[Zoff]

Ciao!
Devo realizzare una pagina web per la visualizzazione di una immagine enorme (sia come dimensione fisica a causa del formato BMP, sia come dimensione in pixel).

Non ho nessuna intenzione di usare applet java e/o flash.

Avete qualche idea sulla realizzazione?

La mia (mezza) idea iniziale è di far leggere l'immagine ad uno script PHP che si occupa di spezzettarla e salvarla in un formato più web-oriented (chissà magari il nuovo formato google, ma penso opterò piuttosto per JPEG).
L'immagine però è diverse decine di mega e farla caricare tutte le volte è un lavoraccio per il server.

Una volta realizzati i pezzetti si tratterebbe di utilizzare un meccanismo tipo google maps per la gestione di zoom e spostamenti.

Conoscete framework/tool che aiutano nella cosa?
Avete suggerimenti sulla realizzazione di un toll ex-novo?

Per maggiori informazioni chiedete pure.

[mcpalls]

uhmm intendi dividere un'immagine in piu' sezioni
e quindi per esempio
http://www.mrwebmaster.it/php/articoli/ ... 2_897.html
e poi fare un pannello magico in jquery
guarda sta demo
http://standardscompliance.com/developm ... temap=true

che dici puo' andare?

[Zoff]

La divisione dell'immagine la so fare. mi servirebbero idee per farlo in modo automatico e ordinato.
In modo che quando viene modificata l'immagine lo script una volta lanciato si occupi autonomamente della suddivisione in modo tale che lo script a cui vengono richiesti i pezzi possa usufruirne senza modifiche.
Non voglio riscrivere il codice ogni volta che viene modificata l'immagine (e potrebbe capitare spesso).


In pratica devo fare quello che fa google maps con le enormi mappe stradali. Le divide in pezzi e le carica mano a mano. Inoltre come in google maps devo permettere all'utente di zoomare e spostare l'immagine.

Grazie comunque.

[mcpalls]

vedi un po se ti puo' dare qualche idea questo link
http://code.google.com/intl/it-IT/apis/ ... eroverlays

[Zoff]

Sembra essere per applicazioni 3D ma magari ci cavo fuori qualcosa. Grazie!

[Zoff]

Pare essere prettamente orientato alla geolocalizzazione.
La mia invece è solo una immagine enorme di cui voglio semplificare la visualizzazione.

Peccato.

[mcpalls]

forse ci siamo
leggi quest'articolo
http://javascript.html.it/articoli/legg ... -con-ajax/
secondo me e' quello che cerchi alla lettera o almeno penso...con un po di pazienza sicuramente implementerai qualcosa di piu' raffinato come dice alla fine fine dell'articolo...

[Zoff]

Interessante, anche se uno script vecchio di 5 anni mi lascia un po' da pensare.

Intanto ho trovato anche questo:
http://www.gibdon.com/2010/09/jquery-test-tile-map.html
EDIT: Link pessimo, viene fatto in modo orribile, con iframe e table  (nono)
Intanto vedo se riesco a trarre qualche idea dal tuo link. grazie mille!

[Zoff]

dando un occhiata piu' o meno quell'articolo di html.it spiega le cose come le avevo in mente io.

[mcpalls]

Interessante, anche se uno script vecchio di 5 anni mi lascia un po' da pensare.

Intanto ho trovato anche questo:
http://www.gibdon.com/2010/09/jquery-test-tile-map.html
EDIT: Link pessimo, viene fatto in modo orribile, con iframe e table  (nono)
Intanto vedo se riesco a trarre qualche idea dal tuo link. grazie mille!

a te serve l'idea  che poi andrai a sviluppare con la tecnologia odierna...
onestamente è un problema questo che non capita tutti i giorni d'affrontare....mi sono incuriosito pure io :=?

[mcpalls]

dando un occhiata piu' o meno quell'articolo di html.it spiega le cose come le avevo in mente io.

infatti ti ho scritto che e' quello che cerchi tu alla lettera
muahaauha

[Zoff]

Speravo in qualcosa che supportasse già zoom e drag&drop ma alla fine dell'articolo scrivono espressamente che si sono trascurati tali aspetti e che anche il codice è bruttino e macchinoso...

[mcpalls]

Speravo in qualcosa che supportasse già zoom e drag&drop ma alla fine dell'articolo scrivono espressamente che si sono trascurati tali aspetti e che anche il codice è bruttino e macchinoso...

eh vabbe' poi quelle cose le puoi gestire come meglio credi utilizzando i vari plugins per jquery e jquery in generale per la parte client...
peccato che non funzioni la demo poteva rendere meglio l'idea

[Zoff]

Quello scaricabile più o meno funziona

[mcpalls]

guarda un po questo
http://www.ajax-zoom.com/

[Zoff]

Esattamente quello che cercavo... Ora vediamo quante limitazioni ha la versione free del software.


Grazie mille!

[Zoff]

Peccato, il software trovato è esattamente quello che cercavo ma restrizioni del hosting provider e la natura "non-free" del prodotto mi costringono ad abbandonarlo.

Sono quindi in cerca di alternative, prima di mettermi a scriverlo io da zero!

[Zoff]

Mi interessa in particolar modo il poter aggiornare parte dell'immagine dinamicamente.
Immagino che di base quello script carichi una immagine a bassissima risoluzione che poi ingrandisce con js (e in quel momento si vedono i quadrettoni dei pixel) mi sfugge però come si faccia (ignorando per il momento il modo con cui si ottengono) ad aggiornare la definizione di solo parte dell'immagine.

Per capirci, non capisco come aggiornare l'immagine incrementalmente e "a zone".

garak aiutami tu! :P

[Lughino]

Ho trovato questo...http://openlayers.org/

Non so se lo conosci già, in effetti riguarda sempre una mappa...però magari(lo dico un po' da ignorante) potrebbe servirti per capire il meccanismo che cerchi.
(b2b)

EDIT: qui ho trovato uno che usa lo stesso plugin e tramite jquery ui ha creato i vari pulsanti.....http://blog.spaziogis.it/2010/03/01/jquery-e-openlayers-agitare-prima-delluso/

[Zoff]

Ho trovato questo...http://openlayers.org/

Non so se lo conosci già, in effetti riguarda sempre una mappa...però magari(lo dico un po' da ignorante) potrebbe servirti per capire il meccanismo che cerchi.
(b2b)

EDIT: qui ho trovato uno che usa lo stesso plugin e tramite jquery ui ha creato i vari pulsanti.....http://blog.spaziogis.it/2010/03/01/jquery-e-openlayers-agitare-prima-delluso/

Come scritto in precedenza l'esempio di google maps doveva solo indicare il tipo di azioni (zoom in, zoomout, scroll, trascinamento), non devo visualizzare delle mappe ma una immagine enorme che se scaricata integralmente impiegherebbe diverso tempo per essere visualizzata.