JM css3 image effect plugin..chi li conosce,come si usano?

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
vai sulla pagina e guarda con "sorgente pagina", ti copi il css e applichi la classe all'immagine
HTML:
<div class="jm-rotate"><a href="#"><img src="prova_immagini/immagini/immagine_di_prova.jpg"  /></a></div>
(nel caso sopra si riferisce al primo effetto jm-rotate)
considera che il css sono 1300 righe di codice, quindi ti conviene estrarre quello che ti serve per un unico effetto e il resto eliminarlo
 

zighy

Utente Attivo
20 Gen 2012
96
0
0
Scusa ma mica ho capito.Anche salvando il codice dell' intera pagina quando la copio gli effetti non ci sono...:p
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
io ho copiato solo il div del rotate, poi ho cliccato sul link del css e l'ho copiato.
il link del rotate (il primo) funzia
attento che copiando solo il codice della pagina NON copi il css in quanto è un file esterno
 

zighy

Utente Attivo
20 Gen 2012
96
0
0
infatti è questo il problema.Non scarico il css.Mi sorge il dubbio che funzioni solo con joomalia.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
se usi firefox puoi cliccare sopra il nome del file nel sorgente css e visualizzarlo
altrimenti lo trovi a questo indirizzo
http://www.jm-experts.com/sample/style.css

borgo suggeriva di non copiarti tutto il file ma solo quello che ti serve
esempio
HTML:
       <style type="text/css">
            .jm-rotate a img:hover {
                -webkit-transform: rotate(-20deg);
                transform: rotate(-20deg);
                -ms-transform: rotate(-20deg);
                -o-transform: rotate(-20deg);
                -moz-transform: rotate(-20deg);
            }
        </style>
        <div class="jm-rotate"><a href="#"><img src="immagine.jpg"/></a></div>
 

zighy

Utente Attivo
20 Gen 2012
96
0
0
grazie a tutti e 2.Il mio problema era proprio che non riuscivo a vedere ne scaricare il css.Adesso che mi hai dato la pagina tu criric tutto funziona perfettamente.E lo short code mi ha buttato in confusione...
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
I [CSS3]Problema slideshow multiple HTML e CSS 2
momeraths CSS3 Gradients HTML e CSS 2
xone [Offro] Realizzazione template html5 css3 creati da zero Offerte e Richieste di Lavoro e/o Collaborazione 0
greven [WordPress] [CSS3] Inserire Hover Effect sul menù WordPress 10
Papalla CSS3 - immagine di sfondo con elementi che appaiono col mouse hover HTML e CSS 4
M Maschere di Immagini in CSS3 ovvero: questo sconosciuto HTML e CSS 1
V Marquee CSS3 HTML e CSS 7
R Transizione immagine css3 HTML e CSS 1
A Controllare l'animazione di una skills bar realizzata con i keyframes css3 Javascript 1
M Animate Transition css3 HTML e CSS 1
novello88 [css3] animated position HTML e CSS 0
A Menu css3 HTML e CSS 1
K Transition CSS3 menu a comparsa HTML e CSS 1
K Nascondere i css3 ai vecchi broswer usando @media HTML e CSS 0
voldemort HTML5 e CSS3: ancora troppo presto? HTML e CSS 3
B [VENDO] Libri web design nuovi, usciti negli ultimi mesi. (wordpress e html5/css3) Altri Annunci 0
J Super Cool and Great Button Resources and Tutorials with CSS3 Javascript 0
MarcoGrazia [CSS3] Bottoni arrotondati e non con gradiente HTML e CSS 0
SolidSnake4 info css3 HTML e CSS 1
SolidSnake4 css3 webfont HTML e CSS 1
L upload image tramite url e cache PHP 10
max1974 [Javascript] Load Default image Javascript 2
L [HTML] Background-image HTML e CSS 9
S [ASP.Net] [ASP] Upload Image ASP.NET 6
M [HTML] form con multipli input type image HTML e CSS 1
F [PHP] Validare form prenotazione appuntamento tattoo con upload image PHP 0
D [PHP] Upload encrypt image PHP 0
S [HTML] Problemi con Blueimp image gallery su Chrome e Firefox HTML e CSS 2
webmachine [WORDPRESS] OG:IMAGE Facebook per ogni articolo WordPress 12
felino [Image Transform] Errore nella generazione delle immagini croppate PHP 0
xone Form completo Testi + multiple image per inserimento Annunci PHP 0
T Richiamare il click su un input type="image" alla pressione del tasto invio su una text area. PHP 0
B Creare menu a tendina su image map HTML e CSS 1
A Image Overlays Google Maps App Inventor 2 Presentati al Forum 0
gandalf1959 background image sparisce e diventa visibile un testo in un div Javascript 2
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
filomeni Smart Image PHP 1
F background image tr chrome HTML e CSS 3
felino [Ajax/Jquery] Z-index su loading-image Ajax 1
M ERROR: the user data image is used by another emulator. Sviluppo app per Android 1
C Image Manipulation Javascript 0
P asp upload image con resize peso senza componenti? Classic ASP 0
D Free image gallery per wordpress WordPress 4
andre9004 Jquery background-image fade (Effetto comparsa background-image) jQuery 8
Web Designer Tutorial Photoshop Effetto pioggia: da Photoshop a Image Ready Photoshop 1
J Best Ways to Preload Image JavaScript with CSS, AJAX Javascript 0
J Double fading Image Scroller 2.03 Javascript 0
J DHTML Fading Animation Image Javascript 1
J Image Rotation with new transition and dissolving effect Javascript 0
N preload background image animazione sequenza Javascript 1

Discussioni simili