Highslide Attachment Mod

[Robot Estensioni]

Modifica Nome: Highslide Attachment Mod
Autore: Stoker e Peter

Modifica Descrizione: Trasforma le tue immagini allegate in un popup con un effetto davvero molto bello. Le immagini grandi verranno ridimenisionate con la possibilità di vederle a tutto schermo. Le immagini avranno inoltre una galleria.
Ci sono solo 2 file da modificare per stile e una cartella di caricamento - molto facile da installare.
Modifica Versione: 4.1.15
phpBB Versione: 3.0.x
AutoMOD: Sì
Modifica Download:

highslide_attachment_mod_4_1_15.zip

(56.1 KiB) Scaricato 153 volte

FAQ

---

Per avere lo stesso effetto sulle immagini del bbcode Img Creare un BBcode in questo modo:

BBCode:

Codice: Seleziona tutto

[hsimg]{URL}[/hsimg]

Html:

Codice: Seleziona tutto

<div class="highslide-gallery">
    <a href="{URL}" class="highslide" onclick="return hs.expand(this, { wrapperClassName: 'controls-in-heading', slideshowGroup: 'highslide' })"><img src="{URL}" alt="" title="Click to enlarge" style="max-width:300px; max-height:300px;" /></a><div class="highslide-heading"></div>
    </div>

Aiuto in linea:

Codice: Seleziona tutto

Highslide Img: [hsimg]link to image[/hsimg]

---

Per inserire le immagini con il play, è impostazione manuale della grandezza immagine.

BBCode:

Codice: Seleziona tutto

[hsimg2={NUMBER}]{URL}[/hsimg2]

Html:

Codice: Seleziona tutto

<a href="{URL}" class="highslide" onclick="return hs.expand(this, { wrapperClassName: 'controls-in-heading', slideshowGroup: 'highslide', captionText: '{URL}' })"><img class="lazy" src="{URL}" alt="{URL}" title="Clicca per allargare" onload="w=this.width; h=this.height; if(w>{NUMBER}||h>{NUMBER}) {if(w>h) {h=h*{NUMBER}/w;w={NUMBER}} else {w=w*{NUMBER}/h;h={NUMBER}}}; this.width=w; this.height=h;" /></a><div class="highslide-heading"></div>

Aiuto in linea:

Codice: Seleziona tutto

Highslide Img:[hsimg2=numero]link to image[/hsimg]

---

Q - Come faccio ad avere lo stesso effetto Lightbox con Highslide?
A - Apri:styles/tuostile/template/overall_header. html e trovare:

Codice: Seleziona tutto

//hs.dimmingOpacity = 0.75;

Sostituire con:

Codice: Seleziona tutto

hs.dimmingOpacity = 0.75;

D - Ho problemi con flash e highslide?
A - Verifica questo post: http://vikjavev.no/highslide/forum/viewtopic.php?t=609

---

Con il HighSlide YouTube BBCode è possibile avere i video di YouTube nello strato highslide popup.
Si noti che è necessario utilizzare la versione completa dello script. Questo BBCode è un addon per il Highslide Attachment Mod.
È necessario utilizzare lo script completo Highslide e per farlo è necessario modificare highslide-full.js

Apri: highslide/highslide-full.js

Cerca:

Codice: Seleziona tutto

objectLoadTime : 'before',

Sostituiscilo con questo:

Codice: Seleziona tutto

objectLoadTime : 'after',

Cerca:

Codice: Seleziona tutto

preserveContent : true,

Sostituiscilo con questo:

Codice: Seleziona tutto

preserveContent : false,

---

BBCode:

Codice: Seleziona tutto

[youtubepop]{IDENTIFIER}[/youtubepop]

HTML:

Codice: Seleziona tutto

<a href="http://www.youtube.com/v/{IDENTIFIER}.swf" onclick="return hs.htmlExpand(this, { objectType: 'iframe', width: 425, height: 388, wrapperClassName: 'draggable-header' } )"><img style="width: 130px; height: 97px;" alt="YouTube" src="http://i.ytimg.com/vi/{IDENTIFIER}/default.jpg" /></a>

Aiuto in linea:

Codice: Seleziona tutto

Youtube Popup: [youtubepop]YouTube ID[/youtubepop]

Esempio:

Codice: Seleziona tutto

[youtubepop]R4i8SpNgzA4[/youtubepop]

Demo: qui

---

Fonte Guida: Highslide Attachment Mod - Modifications

[lurapag]

Funziona benissimo.... Ma per avere l'effetto oscuramento di tutta la pagina, tranne della foto evidenziata, cosa occorre fare?
In pratica stile lightbox.

Grazie.

P.S. E' applicabile su PostImage?

---

Chiedo scusa, non avevo letto bene le istruzioni e ora funziona a dovere!
Pongo solo la domanda per la questione PostImage.
Come posso integrarlo con tale servizio?

Grazie.

[Galandas]

LA PRIMA PARTE DELLE FAQ. SPIEGA PROPRIO QUESTO.

Per avere lo stesso effetto sulle immagini del bbcode Img Creare un BBcode in questo modo:

Esempio Link Diretto:

Codice: Seleziona tutto

[hsimg]http://s30.postimg.org/6in3n06ht/footer_bg_slice.jpg[/hsimg]

[lurapag]

Buongiorno,
funziona tutto egregiamente, con PostImage la foto si apre e tutto il resto si scurisce, però rimane sempre piccola.
Ho provato anche con altri servizi (tipo ImageShack) oppure con il link diretto ad una pagina web e tutto funziona come dovrebbe.
Sbaglio io in qualcosa oppure PostImage mi limita?
Grazie.

[Galandas]

Io qui ho installato prettyphoto che non e tanto diverso da Highslide, qui sotto vedi l'immagine che ho caricato su PostImage come vedi l'immagine è piccola, cliccandoci sopra la vedi nella sua grandezza naturale, questo è quello che deve fare.

Quando carichi un immagine devi impostare l'opzione (non ridimensionare)

[lurapag]

Infatti ho sempre impostato "non ridimensionare" ma non funziona.

Questo è il codice prodotto da PostImage:

Codice: Seleziona tutto

[url=http://postimg.org/image/lqlf2sn2n/][img]http://s27.postimg.org/lqlf2sn2n/DSCN3085.jpg[/img][/url]

E di del codice generato utilizzo solo questa parte:

Codice: Seleziona tutto

[hsimg]http://s27.postimg.org/lqlf2sn2n/DSCN3085.jpg[/hsimg]

E' giusta la procedura?

Se invece passo direttamente tramite il loro sito e non uso il collegamento che ho nel forum, tutto funziona.

[Galandas]

Devi copiare il link diretto, vedi immagine

[lurapag]

In quel modo funziona, però vorrei usare quella che ho (come da foto) perché è integrata nell'area di scrittura.



Ciao e grazie.

[Galandas]

Non so quale frammento di codice stai usando è quello che fa, dovrei avere il codice e fare delle prove per capire di cosa si tratta e come agire.

Cosi senza avere nulla non posso dirti come potresti agire.

[lurapag]

Codice: Seleziona tutto

<br /><div style="margin-top: -8px; margin-bottom: 6px;">&bull;&nbsp;<a href="javascriptvoid(0);" onclick="window.open('http://www.postimage.org/index.php?mode=phpbb&lang=italian&forumurl=' + escape(document.location.href), '_imagehost', 'resizable=yes,width=500,height=400');return false;">Aggiungi foto al tuo messaggio (Con PostImage)</a></div>