Immagini che si ingrandiscono al passaggio del mouse

4 partecipanti

Pagina 1 di 2 1, 2  Successivo

In corso Immagini che si ingrandiscono al passaggio del mouse

Messaggio Da Ospite 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
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Insane Mer 23 Nov 2011 - 10:56

Insane
Insane
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 4178
Località : Varese

https://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 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 Immagini che si ingrandiscono al passaggio del mouse 785179 o sbaglio?
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Insane Mer 23 Nov 2011 - 14:56

Non so se inserendo il codice nel messaggio sull'indice funzioni lo stesso....
Insane
Insane
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 4178
Località : Varese

https://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 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
avatar
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 Mer 23 Nov 2011 - 19:29

the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 8782
Località : Roma

https://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 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.
CG92
CG92
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
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 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
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 8782
Località : Roma

https://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 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
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Ospite Gio 24 Nov 2011 - 9:00

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


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da CG92 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:
CG92
CG92
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
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 Gio 24 Nov 2011 - 11:27

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


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Ospite 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...
avatar
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 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?
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 8782
Località : Roma

https://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 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:
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
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 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?
avatar
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 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.
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 8782
Località : Roma

https://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 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?
avatar
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 Sab 26 Nov 2011 - 21:21

the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 8782
Località : Roma

https://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 Sab 26 Nov 2011 - 22:09

Vanno messi entrambi i codici?
avatar
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 Sab 26 Nov 2011 - 23:06

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

Sesso : Maschio
Età : 33
Messaggi : 8782
Località : Roma

https://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 Sab 26 Nov 2011 - 23:14

the crow ha scritto:Ti ho letto nel pensiero..come lo volevi
https://aiuto.forumattivo.it/t13904-ingrandire-immagini-al-passaggio-del-mouse
... quello script lo avevo provato in una pagina html...
..non mi va...
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
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 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
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 8782
Località : Roma

https://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 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..
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Ospite Mar 29 Nov 2011 - 13:50

the crow ha scritto:Ti ho letto nel pensiero..come lo volevi
https://aiuto.forumattivo.it/t13904-ingrandire-immagini-al-passaggio-del-mouse
Ho provato il codice mettendolo pari pari come è riportato lì con le immagini che avevi messo tu, tanto per provare, ma non funziona!
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Pagina 1 di 2 1, 2  Successivo

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

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