Joomla.it Forum
Joomla! 3 => Joomla! 3 => : pbjolly 04 Apr 2015, 10:52:48
-
Salve,
scusate conoscete qualche galleria di immagini (illimitate) con modalità rotator e cliccando sopra ci si sposta su di una pagina tramite link ?
Grazie
-
Ciao, io ti consiglio Slideshow CK (http://extensions.joomla.org/extension/slideshow-ck), è molto funzionale e per ogni immagine puoi inserire un link differente, oltre che numerosi effetti. Il numero di immagini è illimitato.
Prova a vedere se soddisfa le tue esigenze.
Lorenzo
-
Grazie Lorenzo, gentilissimo e Auguri !
;)
-
Ricordi quella sezione dove si sceglievano i template in Joomla ? erano in 3D e si rappresentava più di uno e per fare il dowload si capovolgeva l'immagine . Ma una cosa del genere come è possibile trovarla ?
Grazie ancora
-
Ciao, scusa il ritardo nel rispondere, ma a causa delle feste non ho avuto molto tempo. Comunque ho fatto qualche ricerca, tu intendi dire un'immagine che, quando ci passi sopra con il mouse, si capovolge e puoi cliccare un link (in questo caso Download...)?
Lorenzo :)
-
Si certo ! ;)
-
Allora se ti può interessare ho trovato un codice che ho in parte adattato da inserire nella pagina, ma niente moduli... In ogni caso te lo scrivo, ci sono le parti che devi personalizzare alle linee 6, 7, 12, 13, 23, 24, 40, 44, 45 (immagine, scritta, link...)
<html>
<head>
<style type="text/css">
.flip
{
width:200px;
height:200px;
}
.flip >.front
{
background-color:#0F0;
width:200px;
height:200px;
-webkit-backface-visibility:hidden;
position:absolute;
-webkit-transform:perspective(600px) rotateX(0deg);
transition:-webkit-transform 1s linear 0s;
box-shadow:0px 10px 10px 0px #333;
}
.flip >.back
{
background-color:#009;
width:200px;
height:200px;
-webkit-backface-visibility:hidden;
position:absolute;
-webkit-transform:perspective(600px) rotateX(180deg);
transition:-webkit-transform 1s linear 0s;
box-shadow:0px 10px 10px 0px #666666;
}
.flip:hover >.front
{
-webkit-transform:perspective(600px) rotateX(-180deg);
}
.flip:hover >.back
{
-webkit-transform:perspective(600px) rotateX(0deg);
}
</style>
<title>Title</title>
</head>
<body>
<div class="flip">
<div class="front"></div>
<div class="back"></div>
</div>
</body>
</html>
Vai in Sistema>Configurazione globale e imposti Editor su Editor - Nessuno e salvi. Poi, vai su Estensioni>Gestione moduli>Nuovo>HTML personalizzato e qui inserisci il codice modificato. Assegni una posizione, un nome al modulo e lo assegni a tutte le pagine. Salvi e il gioco è fatto! In questo modo hai un modulo con immagine che si capovolge. Ovviamente se vuoi cambiare immagine o scritta ecc. fai una copia del modulo e modifichi le parti necessarie. Ricorda sempre di disattivare l'editor quando inserisci il codice, poi lo puoi rimettere tranquillamente.
E' un lavoro un po' difficile, ma una volta fatto dà soddisfazioni. Per chiarimenti dimmi pure :)
-
Purtroppo sono andato a rivedere e il test che ho fatto io e non funziona più... Prova a vedere se a te va, domani provo a vedere se riesco a risolvere sul mio.
-
Effetto "slide in prospettiva 3D" me lo ricordo e per farlo usavano una volta su questo sito era un plugin in flash, ora che flash è diventato "la pecora nera del web" è stato tolto.
Per ricreare quello stesso effetto non credo che con i css3 si possa ricreare identico, e poi c'è problema di compatibiltà browser
Un esempio molto simile di "slide in pospettiva 3D" senza flash l'ho visto una volta su un esempio di libreria 3D "three.js" ma ritorna il problema di compatibilità.
Consiglio di lasciar perdere e cercare qualche altro effetto.
-
Concordo... Questo ad esempio funziona solo su Safari e Chrome (versioni aggiornate, ma non è detto che con i prossimi aggiornamenti funzioni ancora), ormai con i css3 la compatibilità è diventata un problema...