RCE Foto

(i) Per navigare su JuzaPhoto, è consigliato disabilitare gli adblocker (perchè?)






Login LogoutIscriviti a JuzaPhoto!
JuzaPhoto utilizza cookies tecnici e cookies di terze parti per ottimizzare la navigazione e per rendere possibile il funzionamento della maggior parte delle pagine; ad esempio, è necessario l'utilizzo dei cookie per registarsi e fare il login (maggiori informazioni).

Proseguendo nella navigazione confermi di aver letto e accettato i Termini di utilizzo e Privacy e preso visione delle opzioni per la gestione dei cookie.

OK, confermo


Puoi gestire in qualsiasi momento le tue preferenze cookie dalla pagina Preferenze Cookie, raggiugibile da qualsiasi pagina del sito tramite il link a fondo pagina, o direttamente tramite da qui:

Accetta CookiePersonalizzaRifiuta Cookie

Foto panoramiche navigabili sul proprio sito web


  1. Forum
  2. »
  3. Computer, Schermi, Tecnologia
  4. » Foto panoramiche navigabili sul proprio sito web





avatarsenior
inviato il 10 Ottobre 2017 ore 18:39

Non sono sicuro. Nel mio caso si tratta di composizioni di gigapixels, che vorrei rendere navigabili per poter zoommare a piacere su qualsiasi punto, non sono foto a 360° nè normali panorami.

Però proverò, più tardi! Al massimo le carico solo sui social e non sul sito.

avatarjunior
inviato il 10 Ottobre 2017 ore 19:23

Si, in effetti da una rapida prova fatta su disco l'applicazione di Zoomify può creare delle tile adatta ad OpenSeaDragon, o perlomeno la cosa a me ha funzionato (smanettando un po')

avatarsenior
inviato il 10 Ottobre 2017 ore 19:36

CBERGYYY fammi vedere subito come hai fattooooooooo MrGreen

avatarjunior
inviato il 10 Ottobre 2017 ore 19:50

Beh, dall'app Zoomify prendi una tua immagine e crei le tile. Te le mette se non erro in una cartella che si chiama qualcosa come TileGroup0.

A questo punto (qui ho smanettato io) devi fare in modo che le tile siano nella cartella TileGroup0/TileGroup0 (ripetuta due volte), a quel punto da una pagina html allo stesso livello di quella cartella inizializzi OpenSeaDragon così:

var viewer = OpenSeadragon({
id: "openseadragon1",
prefixUrl: "images/",
tileSources: [{
type: 'zoomifytileservice',
width: 4000,
height: 1247,
tilesUrl: "./TileGroup0/"
}]
});

(prefixUrl punta alle immagini di OpenSeaDragon, non le tue).
Se riesco a mettere una pagina online forse è più chiaro...

Edit: Prova a guardare qui, sorgenti inclusi

avatarjunior
inviato il 10 Ottobre 2017 ore 20:01

Se usi Windows esiste comunque un altro modo: l'applicazione Deep Zoom Composer di Microsoft crea una piramide di immagini ed un file XML che in realtà è un file dzi. A questo punto rinominando il file come .dzi ed aggiungendo semplicemente il path in cui si trovano le immagini (Deep Zoom Composer non ce lo mette) OpenSeaMap funziona indicando come fonte il file dzi e basta.

Comunque la cosa è interessante, grazie per lo spunto ;-)

avatarsenior
inviato il 10 Ottobre 2017 ore 20:32

Bellissimo panorama da Erice MrGreen

Provo subito a fare quello che mi hai detto.

Zoomify mi mette le immagini in diverse cartelle, non solo una. Tipo TileGroup0, TileGroup1 eccetera. Metto tutto sotto un unica dir?

avatarsenior
inviato il 10 Ottobre 2017 ore 21:48

CE L'HO FATTA, grazie a tutti! E soprattutto Cbergy per avermi ispirato!
Appena ricapiti in Sicilia, hai una bevuta già organizzata!

avatarjunior
inviato il 11 Ottobre 2017 ore 7:41

Bellissimo panorama da Erice


Grazie! E' stata una bella vacanza Sorriso


CE L'HO FATTA, grazie a tutti! E soprattutto Cbergy per avermi ispirato!
Appena ricapiti in Sicilia, hai una bevuta già organizzata!


Ahahah MrGreen
Ieri ero un po' di corsa e mi sto rendendo conto di aver smanettato un po' troppo... comunque bene che tu ce l'abbia fatta

avatarsenior
inviato il 11 Ottobre 2017 ore 9:12

CE L'HO FATTA, grazie a tutti! E soprattutto Cbergy per avermi ispirato!

è però mò dicci come hai fatto!

avatarsenior
inviato il 11 Ottobre 2017 ore 10:44

Non so bene nemmeno io, ancora MrGreen

Ho usato zoomify per creare i Tiles, cioè i mattoncini che compongono il mosaico più grande.

Usando poi OpenSeaDragon ho creato un file html così:

<html>

<head>
<script src="./openseadragon/openseadragon.js"></script>
</head>

<body>

<div id="openseadragon1" style="width: 100%; height: 100%;"></div>
<script type="text/javascript">
var viewer = OpenSeadragon({
id: "openseadragon1",
prefixUrl: "images2/",
tileSources: [{
type: 'zoomifytileservice',
width: 39048,
height: 21099,
tilesUrl: "./images/"
}]
});
</script>

</body>
</html>


prefixUrl: "images2/", <-- indica dove si trovano le piccole immaginette per il navigatore (zoom + e -, freccine varie eccetera)
tilesUrl: "./images/" <-- indica la cartella dove si trovano le sotto-cartelle generate da Zoomify (es. TileGroup0, TileGroup1 eccetera).

Et voilà.

Adesso devo integrarlo nel mio sito ma non sarà difficile, appena ho tempo mi ci dedico.

avatarjunior
inviato il 11 Ottobre 2017 ore 10:47

Non so se il tuo sito usi un framweork standard (tipo Joomla o Wordpress), nel caso prima controlla, perchè ieri cercando ho visto che esiste un plugin bello pronto di OpenSeaDragon per Wordpress (quindi adatto al mio sito, mi ci devo mettere per farlo funzionare)

avatarsenior
inviato il 11 Ottobre 2017 ore 10:52

Sto vedendo anche io adesso, uso Wordpress quindi potrebbe essere utile, però.... pare non esserci il supporto per le immagini "sorgenti" di Zoomify.

avatarjunior
inviato il 11 Ottobre 2017 ore 11:05

No, dovrebbe però funzionare con la "piramide" DZI creata per esempio come ho scritto sopra da Deep Zoom Composer di Microsoft.

Ieri sera ho provato e non ci sono riuscito, ma come detto ero di fretta.
Sull'help ho letto poi che con la piramide DZI dovrebbe funzionare al volo, stasera dovrò riprovare...


avatarsenior
inviato il 11 Ottobre 2017 ore 11:33

Ho usato zoomify per creare i Tiles


mi sono perso, cosa è zoomify?

avatarjunior
inviato il 11 Ottobre 2017 ore 11:41

mi sono perso, cosa è zoomify?


Questa, ovvero un'altra libreria javascript. Se la scarichi, però, ottieni anche un'applicazione (senza necessità di installazione) che permette di creare una piramide di tile a partire da un jpg, piramide che può essere usata da OpenSeaDragon.

Che cosa ne pensi di questo argomento?


Vuoi dire la tua? Per partecipare alla discussione iscriviti a JuzaPhoto, è semplice e gratuito!

Non solo: iscrivendoti potrai creare una tua pagina personale, pubblicare foto, ricevere commenti e sfruttare tutte le funzionalità di JuzaPhoto. Con oltre 251000 iscritti, c'è spazio per tutti, dal principiante al professionista.






Metti la tua pubblicità su JuzaPhoto (info)


 ^

JuzaPhoto contiene link affiliati Amazon ed Ebay e riceve una commissione in caso di acquisto attraverso link affiliati.

Versione per smartphone - juza.ea@gmail.com - Termini di utilizzo e Privacy - Preferenze Cookie - P. IVA 01501900334 - REA 167997- PEC juzaphoto@pec.it

www.juzaphoto.com - www.autoelettrica101.it

Possa la Bellezza Essere Ovunque Attorno a Me