Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : joken 06 Sep 2016, 15:08:31

: Zoom immagine in un articolo? È un plugin?
: joken 06 Sep 2016, 15:08:31
Ciao a tutti,

Non riesco a capire cosa sia questa parte dell'articolo che nella pagina web visualizza una specie di riquadro che fa zoomare sull'immagine:

(http://funkyimg.com/i/2gnib.jpg) (http://funkyimg.com/view/2gnib)


qui la pagine online in cui è visibile l'effetto:

http://www.luigicurcio.com/index.php?option=com_content&view=article&id=42:big-bang&catid=9:universi#.V869aTWx-po (http://www.luigicurcio.com/index.php?option=com_content&view=article&id=42:big-bang&catid=9:universi#.V869aTWx-po)


Devo capire di cosa si tratta. Non riesco a modificarlo in alcun modo e non so nemmeno come inserirlo nei nuovi articoli.
Mi aiutate per piacere?
Grazie
: Re:Zoom immagine in un articolo? È un plugin?
: adottauncane 06 Sep 2016, 15:33:49
ciao
lato codice? Prova a copiare qui quello che trovi lato codice. Usa inserisci codice.
Sembra un iframe che richiama del codice. Secondo me scritto ad hoc.
: Re:Zoom immagine in un articolo? È un plugin?
: adottauncane 06 Sep 2016, 15:42:42
Mi sembra sia questo (https://codecanyon.net/item/jquery-mega-image-viewer-animated-zoom-and-pan/2586378)
: Re:Zoom immagine in un articolo? È un plugin?
: joken 06 Sep 2016, 15:45:20
: adottauncane  06 Sep 2016, 15:33:49
ciao
lato codice? Prova a copiare qui quello che trovi lato codice. Usa inserisci codice.
Sembra un iframe che richiama del codice. Secondo me scritto ad hoc.

Ecco:

:

<table border="0" style="width: 100%;" cellpadding="0">
<tbody>
<tr>
<td rowspan="4"><img src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=57&amp;type=img" alt="joomplu:57" class="jg_photo" style="float: left;" /></td>
<td rowspan="4" style="width: 50%; padding-left: 15px;" valign="top">
<p style="text-align: right;">&nbsp;</p>
<p><strong>&nbsp;</strong><strong>&nbsp;</strong></p>
<p><strong>Materiali:</strong> cartoncino vegetale, acrilico</p>
<p><strong>Dimensioni:</strong> 70x100 cm</p>
<p><strong>Anno:</strong> 2006</p>
<p>&nbsp;</p>
<p><em><strong>Materials:</strong> cardboard, acrylic<span id="Dst[0][11:18:0:8]" style="color: #000000; font-family: Arial; font-size: 12px; white-space: pre-wrap;"><br /></span></em></p>
<p><em><strong>Dimensions:</strong> 70x100 cm</em></p>
<p><em><strong>Year:</strong> 2006</em></p>
<p style="text-align: right;">&nbsp;</p>
</td>
<td style="width: 100%;" valign="top">
<p style="text-align: right;"><span style="color: #000000; text-align: right;"><span style="color: #000000; text-align: right;">{loadposition social}</span></span></p>
<p style="text-align: right;"><span style="color: #000000; text-align: right;"><span style="color: #000000; text-align: right;"></span></span></p>
<p style="text-align: right;"><span style="color: #000000; text-align: right;"><span style="color: #000000; text-align: right;"></span></span></p>
<p style="text-align: right;"><span style="color: #000000; text-align: right;"><span style="color: #000000; text-align: right;"></span></span></p>
<p style="text-align: right;"><span style="color: #000000; text-align: right;"><span style="color: #000000; text-align: right;"><strong style="color: #000000; text-align: right;">Immagine &nbsp;<img src="images/carrello.png" alt="carrello" width="27" height="20" style="border: 0px solid #000000; vertical-align: middle;" /></strong></span></span></p>
<p style="text-align: right;"><strong style="color: #000000; text-align: right;">Poster &nbsp;<strong style="text-align: center;"><img src="images/carrello.png" alt="carrello" width="27" height="20" style="text-align: right; border: 0px solid #000000; vertical-align: middle;" /></strong></strong></p>
<p style="text-align: right;"><strong style="color: #000000; text-align: right;">Opera &nbsp;<strong style="text-align: center;"><img src="images/carrello.png" alt="carrello" width="27" height="20" style="text-align: right; border: 0px solid #000000; vertical-align: middle;" /></strong></strong></p>
<p style="text-align: right;">&nbsp;</p>
<p><span style="color: #000000; text-align: right;"><span style="color: #000000; text-align: right;">{loadposition email}&nbsp;</span></span></p>
</td>
</tr>
<tr>
<td style="width: 100%; text-align: center;" valign="top">
<p style="text-align: right;"><span style="color: #000000; text-align: right;"><span style="color: #000000; text-align: right;"><strong>&nbsp;</strong></span></span></p>
<p style="text-align: right;"><span style="color: #000000; text-align: right;"><span>&nbsp;</span></span></p>
</td>
</tr>
<tr>
<td style="width: 100%; text-align: center;" valign="top">
<p style="text-align: right;">&nbsp;</p>
</td>
</tr>
<tr>
<td style="width: 100%; text-align: center;" valign="top">
<p style="text-align: right;">&nbsp;</p>
</td>
</tr>
<tr>
<td colspan="3"><iframe src="zoom/Big_Bang_(serie_Universi)_acrilico_cartone_70x100__2006.html" frameborder="0" marginwidth="0px" scrolling="no" width="100%" height="500px"></iframe></td>
</tr>
</tbody>
</table>
: Re:Zoom immagine in un articolo? È un plugin?
: adottauncane 06 Sep 2016, 16:00:27
Viene inserito qui:

:
<td colspan="3"><iframe src="zoom/Big_Bang_(serie_Universi)_acrilico_cartone_70x100__2006.html" frameborder="0" marginwidth="0px" scrolling="no" width="100%" height="500px"></iframe></td>
zoom/Big_Bang_(serie_Universi)_acrilico_cartone_70x100__2006.html

questo è l'html che riprende e che devi modificare per inserirne un altro.

http://www.luigicurcio.com/zoom/Big_Bang_(serie_Universi)_acrilico_cartone_70x100__2006.html

cerca nella cartella zoom e vedi come sono fatti.
: Re:Zoom immagine in un articolo? È un plugin?
: joken 06 Sep 2016, 16:44:45
ok,
dell'Iframe me n'ero accorto pure io.

Il problema è come creare quella pagina. Penso che ci dovrebbe essere un modo per caricare solo l'immagine (con risoluzione e grandezza maggiore) e poi il plugin (o quello che è) dovrebbe generare il tutto (link da inserire compreso)
fare tutto a mano non avrebbe senso, credo. Ma questa è solo una mia idea
Comunque nella cartella zoom ci sono i file html. Faccio uno screenshot della stessa:

(http://funkyimg.com/i/2gnuG.jpg) (http://funkyimg.com/view/2gnuG)

Abbiate pazienza ragazzi, ma pare che sia veramente difficile mettere mano a lavori creati da altri, soprattutto utilizzando una piattaforma con cui non si ha affatto esperienza. In ogni caso devo portare a termine questa cosa.
Grazie ancora per il prezioso aiuto.

: Re:Zoom immagine in un articolo? È un plugin?
: adottauncane 06 Sep 2016, 17:22:43
Come creare quella pagina non lo so. È html aprila e guardaci. Non è fatta con Joomla, viene solo richiamata all'interno dell'iframe.
: Re:Zoom immagine in un articolo? È un plugin?
: joken 06 Sep 2016, 21:09:59
: adottauncane  06 Sep 2016, 17:22:43
Come creare quella pagina non lo so. È html aprila e guardaci. Non è fatta con Joomla, viene solo richiamata all'interno dell'iframe.

Mi sa che devo fare tutto a mano. Non ha più tanto senso però così utilizzare un CMS. Tanto vale costruirsi il sito da zero riga per riga di codice. Comunque mi tocca gestire questo.

Grazie