Back to top

Autore Topic: Link su immagine in scorrimento  (Letto 1792 volte)

Offline pbjolly

  • Abituale
  • ****
  • Post: 848
    • Mostra profilo
Link su immagine in scorrimento
« il: 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

Offline lorenzo15

  • Esploratore
  • **
  • Post: 89
  • Sesso: Maschio
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #1 il: 04 Apr 2015, 11:07:42 »
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

Offline pbjolly

  • Abituale
  • ****
  • Post: 848
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #2 il: 04 Apr 2015, 13:13:07 »
Grazie Lorenzo, gentilissimo e Auguri !
 ;)

Offline pbjolly

  • Abituale
  • ****
  • Post: 848
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #3 il: 04 Apr 2015, 13:32:11 »
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


Offline lorenzo15

  • Esploratore
  • **
  • Post: 89
  • Sesso: Maschio
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #4 il: 06 Apr 2015, 23:38:51 »
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  :)

Offline pbjolly

  • Abituale
  • ****
  • Post: 848
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #5 il: 07 Apr 2015, 09:43:31 »
Si certo !  ;)

Offline lorenzo15

  • Esploratore
  • **
  • Post: 89
  • Sesso: Maschio
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #6 il: 07 Apr 2015, 11:24:02 »
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...)
Codice: [Seleziona]
<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  :)
« Ultima modifica: 07 Apr 2015, 23:39:19 da lorenzo15 »

Offline lorenzo15

  • Esploratore
  • **
  • Post: 89
  • Sesso: Maschio
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #7 il: 07 Apr 2015, 23:40:44 »
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.

Offline claudiocarrera

  • Appassionato
  • ***
  • Post: 612
  • Sesso: Maschio
  • Sviluppo siti web Brescia
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #8 il: 08 Apr 2015, 10:46:58 »
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.
Claudio Carrera - claudio@3rd-graphic.it
partita iva: 03597950983
tel: 338 9433727

Offline lorenzo15

  • Esploratore
  • **
  • Post: 89
  • Sesso: Maschio
    • Mostra profilo
Re:Link su immagine in scorrimento
« Risposta #9 il: 08 Apr 2015, 13:46:17 »
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...

 



Web Design Bolzano Kreatif