Immagini che si ingrandiscono al passaggio del mouse


Pagina 2 di 2 Precedente  1, 2

In corso Immagini che si ingrandiscono al passaggio del mouse

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

Promemoria primo messaggio :

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 the crow il Mar 29 Nov 2011 - 18:53

..sempre nel mio forum di prova...non ho fatto altro che copia/incolla

http://tifosigialloverdi.forumattivo.com/

dimmi quando lo hai visto

edit: naturalmente nel widget..le immagini rimangono dentro
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 Mar 29 Nov 2011 - 19:37

Ho provato e funzionano, anche in una pagina HTML.

Ciao!


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 Diego il Mar 29 Nov 2011 - 20:19

son71 ha scritto:Diego, se metto quel codice nel css dove mi appare l' effetto?
si.. Very Happy
è un codicino semplice semplice e funzionante.. Very Happy
solo che lo devi mettere tutto nel widget e non nel css.. Very Happy
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 Mar 29 Nov 2011 - 22:14

Crow perchè a me appaiono grandi?
Diego, domani provo il codice che hai postato tu, grazie!
Stò provando tutti i codici che mi state passando solo che non capisco come mai a voi funzionano e a me no.

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 Mar 29 Nov 2011 - 22:48

non ho ancora capito se funziona o no comunque..leggendo il codice per le immagini fisse devi modifcare l'ultimo pezzo di css

Codice:
.resize_thumb {
  width: 150px; /* questo per ingrandire o ridimensionarele immagini fisse*/
  height : auto;}

invece per le immagini che si aprono con il pop up..la grandezza la decidi tu..sono quelle nel codice html

per strutturare il tutto devi smanettare nel css
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 Mer 30 Nov 2011 - 8:54

Crow, ieri ho scritto che non mi funzionava perchè mi apparivano tutte le immagini grandi. Non mi dava l' effetto che dà a te, inoltre nel css non mi appare il codice... mi spiego meglio: inserisco il codice, registro, vado a vedere l' effetto che non funziona, torno nel pannello per cercare il pezzo di codice infondo e non c' è. Shocked

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 Mer 30 Nov 2011 - 11:31

Ragazzi, io vorrei che l' immagine piccola fosse una e che quella grande fosse un' altra, invece nei codici che mi avete fornito voi ho constatato che quella piccola sarebbe la grande... non è così che lo voglio!
L' esempio è in quel forum che vi ho linkato: li hanno messo immagini piccole tagliate da loro che passandoci sopra col mouse poi viene l' immagine a grandezza naturale.

EDIT qui http://aiuto.forumattivo.it/t6838p15-help-me-immagini-che-si-ingrandiscono-al-passaggio-del-mouse ho visto che una persona ha risolto però non spiega come.

Ho notato che bisogna cliccare sull' immagine piccola per vedere quella grande però volevo sapere se è possibile fare apparire quella grande solo passandoci sopra.

Il suo forum dell' utente è questo: http://aradiascave.forumattivo.com/forum io vorrei metterlo in un widget.


Ultima modifica di son71 il Mer 30 Nov 2011 - 13:36, modificato 1 volta

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Martino il Mer 30 Nov 2011 - 13:27

Ciao, ma non è che devi prima disattivare il sistema di ridimensionamento automatico nel PDA?


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 Mer 30 Nov 2011 - 13:35

Non ce l' ho il ridimensionamento automatico.

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Martino il Mer 30 Nov 2011 - 13:39

E' impostato, nel CSS, il sistema avanzato?

Saluti!


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 Mer 30 Nov 2011 - 13:44


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 30 Nov 2011 - 19:23

son71 ha scritto:Crow, ieri ho scritto che non mi funzionava perchè mi apparivano tutte le immagini grandi. Non mi dava l' effetto che dà a te, inoltre nel css non mi appare il codice... mi spiego meglio: inserisco il codice, registro, vado a vedere l' effetto che non funziona, torno nel pannello per cercare il pezzo di codice infondo e non c' è. Shocked
temo che ti succeda come succedeva sul mi forum..incolla il codice sul css..in fondo al codice mettici /*fine codice*/..salva...e vedi se c'e ancora. ho visto il forum linkato da te..l'immagine fissa e come quella grande solo piu piccola..se vuoi due immagini diverse devi usare il secondo codice del tuto o ti devo fare altro?
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 Gio 1 Dic 2011 - 9:03

Dopo provo a fare come mi hai detto tu e ti dico se se risolvo o meno.
Comunque l' admin del forum di questa piattaforma ha risolto il problema e speravo che qualcuno mi dicesse come.

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 Gio 1 Dic 2011 - 19:23

l'immagine di quel forum e' la stessa solo che quella fissa e' piccola (e si vede meta')..tu invece vuoi due immagini diverse, quello lo puoi fare solo con un codice (se funzionasse) simile a questo

Codice:
<img src="URL IMMAGINE PICCOLA N1" onmouseover='this.src = "URL IMMAGINE GRANDE";' onmouseout="this.src='URL IMMAGINE PICCOLA N1';">
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 Gio 1 Dic 2011 - 19:36

E' la stessa cosa perchè loro hanno fatto un' immagine piccola dalla grande ed è come se io ci mettessi uno smile al posto della piccola.
Inoltre loro avevano un codice che dovevi cliccare sopra all' immagine piccola per vedere quella grande, ma ho visto che hanno risolto e vorrei sapere come. Laughing

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 Lun 5 Dic 2011 - 8:57

Crow quel codice non funziona. Laughing
Questo
Codice:
<center><html>
<head>
<title>Aprire una seconda immagine più grossa</title>
</head>
<body>
<p><a href="javascript:big('http://www.cantilux.net/files4/1809589371.png')" onmouseout="big_hide()"><img border="0" name="i3" src="http://particelle.forumattivo.com/users/1814/13/02/84/smiles/285734.gif"></a></p>
<script>
//This and others free scripts you can find on a site: artdhtml.com

ns4=(navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? 1 : 0;
ie4=(document.all && !document.getElementById)? 1 : 0;
ie5=(document.getElementById && document.all)? 1 : 0;
ns6=(document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? 1: 0;
w3c=(document.getElementById)? 1 : 0;

wid=(ie4||ie5)?window.document.body.clientWidth-20:window.innerWidth-36

if(ns4){document.write ('<layer name="di1"></layer>')}else{document.write ('<div id="di1" style="position:absolute;z-index:100" ></div>')}

outd=""

if(w3c)div1=document.getElementById('di1')
if(ie4)div1=document.all['di1']
if(ns4)div1=document.layers['di1']

function move_div(x,y){
if (isNaN(x+y))return
if(ns4){div1.moveTo(x,y)}else{div1.style.left=x+'px';div1.style.top=y+'px';}
}

function write_div(text){
if(ns4){
div1.document.open();
div1.document.write(text);
div1.document.close();
}
else {div1.innerHTML=text;}
}

function big(n){
ondiv=n
write_div("<a href=javascript:void(0) onmouseout='big_hide()' onmouseover='ondiv=1'><img border=0 name=ib src="+n+"></a>");
move_div(x,y)
}

function big_hide(){
ondiv=0;
t3=window.setTimeout('big_hide2()',100)
}

function big_hide2(){
if (ondiv==0){
write_div("");
move_div(-1000,-1000)}
}

y=x=0
function dragIt(evt){if(ie4||ie5){x=window.event.clientX+document.body.scrollLeft; y=window.event.clientY+document.body.scrollTop}else {x=evt.pageX ; y=evt.pageY }}

document.onmousemove = dragIt
if(ns4){document.captureEvents( Event.MOUSEMOVE )}


</script>
</BODY>
</HTML></center>
è quasi perfetto, tranne che per il fatto che bisogna cliccare sull' immagine piccola per vedere quella grande, e a me servirebbe che apparisse con lo sfioramento del mouse.
Puoi modificarmi questo codice affinchè ottenga quell' effetto?

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 Mar 6 Dic 2011 - 21:30

uppettino Laughing

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 Gio 8 Dic 2011 - 19:12

Crow ho bisogno di te!

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 Dom 1 Gen 2012 - 11:49

Non ho ancora risolto, purtroppo...

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Pagina 2 di 2 Precedente  1, 2

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