Immagini che si ingrandiscono al passaggio del mouse


Pagina 1 di 2 1, 2  Seguente

In corso Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Mer 23 Nov 2011 - 10:47

Salve non sò se ho postato nella sezione giusta, altrimenti mi scuso e chiedo la cortesia che il mio topic venga spostato.

Tempo fà ho visto un forum di questa piattaforma che aveva nella home o nel portale (non ricordo bene) alcune piccole immagini che passandoci sopra col mouse si ingrandivano, e mi chiedevo se potevo avere il codice o lo script che permettono di fare quest' effetto.

Non ricordo di quale forum si tratti, sò solo che l' admin in questione, è venuto qui per degli aiuti.

Grazie a chi mi aiuterà! Very Happy

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Insane il Mer 23 Nov 2011 - 10:56

avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4111
Località : Varese


http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Mer 23 Nov 2011 - 11:37

Io però ho la versione phpbb3 quindi non ho i template... per cui credo che non lo potrò fare o sbaglio?

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Insane il Mer 23 Nov 2011 - 14:56

Non so se inserendo il codice nel messaggio sull'indice funzioni lo stesso....
avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 25
Messaggi : 4111
Località : Varese


http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Mer 23 Nov 2011 - 15:57

Domani farò delle prove e poi vi farò sapere. Very Happy
Nel frattempo, se ci fosse qualche soluzione valida, io sono qui. Wink

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da the crow il Mer 23 Nov 2011 - 19:29

avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da CG92 il Mer 23 Nov 2011 - 20:17

quello che ho dato io Crow, ha bisogno dei template, poichè tutto è racchiuso in un file .js da enunciare nel template.

Il secondo, più si potrebbe fare, non da lo stesso effetto di quello ma è comunque un ingrandimento dell'immagine.
avatar
CG92
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 2325
Località : Angri


http://cg92.forumattivo.it/
CG92 è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da the crow il Mer 23 Nov 2011 - 20:37

se lo vuoi piu spartano puoi usare questo

Codice:
<img src="URL IMMAGINE PICCOLA N1" onmouseover='this.src = "URL IMMAGINE GRANDE";' onmouseout="this.src='URL IMMAGINE PICCOLA N1';">

x CG92: l'ho visto ma lei ha la versione phpbb3
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Martino il Mer 23 Nov 2011 - 21:51

Ciao Son71, crea una pagina Javascript con quel codice che c'è in quella guida.
Poi passami l'URL che ti dico cosa fare dopo Wink


Staff - Aiutattivo
avatar
Martino
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 19
Messaggi : 4169
Località : Italia


http://wikiinfo.forumattivo.it/
Martino è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Gio 24 Nov 2011 - 9:00

MartinoPio quale javascript dovrei inserire?
Quello che mi ha passato crow?

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da CG92 il Gio 24 Nov 2011 - 10:22

Son71 prova con questo script trovato nel web:

Codice:
<!-- QUESTO SCRIPT E' STATO REALIZZATO, TESTATO E RESO DISPONIBILE IN RETE DA
CLAUDIO CORRADO (TORINO - ITALIA). LO SCRIPT E' INTERAMENTE COPIABILE,
MODIFICABILE, RIDISTRIBUIBILE E COMUNQUE RIUTILIZZABILE A CONDIZIONE CHE
L'INTERESSATO SI IMPEGNI FORMALMENTE A DIVULGARE NELL'AMBITO DEL WEB AUTHORING
ALMENO UNA DELLE SEGUENTI INFORMAZIONI SULL'AUTORE: IL SUO NOME COMPLETO, IL
SUO INDIRIZZO E-MAIL O L'INDIRIZZO DEL SUO SITO INTERNET. L'AUTORE DECLINA
OGNI RESPONSABILITA' PER EVENTUALI MALFUNZIONAMENTI DI QUESTO SCRIPT. -->
<HTML>
<HEAD>
<title>Demo dhtml - www.risorse.net</title>


<!-- Script tratto da WWW.RISORSE.NET -->
<!-- Visita il sito per altre centinaia di esempi gratuiti -->

<script language="JavaScript">
//funzione che ingrandisce
function lentep() {
//l'ingrandimento avviene moltiplicando per 2 i valori
//di altezza e larghezza dell'immagine
document.img1.width=document.img1.width*2
document.img1.height=document.img1.height*2
}
//funzione che rimpicciolisce
function lentem() {
//idem come sopra ma dividendo per 2
document.img1.width=document.img1.width/2
document.img1.height=document.img1.height/2
}
</script>
</head>
<body>

<BR><BR>

<center>
<h2>Lente di ingrandimento su immagine</h2>
<br>
<a href="http://themissingring.forumattivo.it/" onMouseOver="lentep()" onMouseOut="lentem()">
<img name="img1" src="LINK IMMAGINE" width=120 height=80 border=1>
</a>

</center>
</body>
</HTML>

Inseriscilo in: PDA ---> Visualizzazione ---> Generalità.

Per fare una prova. Fammi sapere.

Saluti, CG 92 :good:
avatar
CG92
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 25
Messaggi : 2325
Località : Angri


http://cg92.forumattivo.it/
CG92 è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Gio 24 Nov 2011 - 11:27

Domandina: lo posso mettere in un widget nel portale?
Grazie a tutti, farò delle prove.

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Sab 26 Nov 2011 - 13:26

The crow ho provato ad usare il tuo codice e una volta che ci passo sopra col mouse si ingrandisce e poi però non torna piccola una volta che sposto il mouse. Laughing
Io vorrei che sia una cosa di passaggio... non sò se mi sono spiegata... ossia che si ingrandisca passandoci sopra e che tornasse l' immagine piccola togliendo il mause da lì. Rolling Eyes
E mi servirebbe in un widget di regola...

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da the crow il Sab 26 Nov 2011 - 17:59

si ti sei spiegata mettimi il tuo codice con le immagini che vuoi mettere
edit: hai visto che devi inserire due immagini piccole e una grande?
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Diego il Sab 26 Nov 2011 - 18:32

... io ho sempre creduto nelle soluzioni semplici, ma efficaci.. basta un po di css.. Surprised
Codice:
<img id="immagine_non_ne_ho_idea" src="LINK IMMAGINE" />
<style type="text/css">
#immagine_non_ne_ho_idea{
  width: 50px;
}
#immagine_non_ne_ho_idea:hover{
  width: 200px;
}
</style>
prova.. :good:
avatar
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 2249
Località : arezzo


http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Sab 26 Nov 2011 - 18:53

@the crow ha scritto:si ti sei spiegata mettimi il tuo codice con le immagini che vuoi mettere
edit: hai visto che devi inserire due immagini piccole e una grande?
Ancora devo prepararle le immagini, ma la mia idea era farne più di una con il relativo codice.
Sì ho visto che devo inserire 2 immagini piccole e una grande, ma ci deve essere qualcosa che non torna nel codice.

Diego, se metto quel codice nel css dove mi appare l' effetto?

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da the crow il Sab 26 Nov 2011 - 19:22

puoi vedere l'effetto


ultimo widget sulla sinistra ..dimmi quando lo hai visto


Ultima modifica di the crow il Sab 26 Nov 2011 - 21:19, modificato 1 volta
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Sab 26 Nov 2011 - 20:34

L' ho appena visto!
Io vorrei un effetto simile a questo nella home (se lo ritenete spam chiedo scusa, ma è per farvi capire meglio).
Per l' immagine piccola posso utilizzare anche un' immagine che non è inerente a quella grande, tipo una gif o altro?
Mi daresti il codice per favore?

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da the crow il Sab 26 Nov 2011 - 21:21

avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Sab 26 Nov 2011 - 22:09

Vanno messi entrambi i codici?

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da the crow il Sab 26 Nov 2011 - 23:06

si...uno nel css e l'altro dove vuoi le immagini.Era quello che volevi?
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Diego il Sab 26 Nov 2011 - 23:14

... quello script lo avevo provato in una pagina html...
..non mi va...
avatar
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 2249
Località : arezzo


http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da the crow il Sab 26 Nov 2011 - 23:33

io non l'ho provato nella pagina html..l'ho provato direttamente come lo vedi e funzionava.Pero' ci sono molti codici che non funzionano piu nelle pagine html..forse e dovuto al fatto che l'html della piattaforma un po per volta lo stanno aggiornando tutto..che dirti
avatar
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Martino il Dom 27 Nov 2011 - 10:53

Si the crow.. io l'html l'ho uso e gli utenti si collegano solo la..
Ho notato che alcuni giorni i codici vanno e alcuni no.. bho..


Staff - Aiutattivo
avatar
Martino
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 19
Messaggi : 4169
Località : Italia


http://wikiinfo.forumattivo.it/
Martino è stato ringraziato dall'autore di questo topic.

In corso Re: Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite il Mar 29 Nov 2011 - 13:50

Ho provato il codice mettendolo pari pari come è riportato lì con le immagini che avevi messo tu, tanto per provare, ma non funziona!

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Pagina 1 di 2 1, 2  Seguente

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum