Immagini che si ingrandiscono al passaggio del mouse

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à!

..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

Ho provato e funzionano, anche in una pagina HTML.

Ciao!

son71 ha scritto:Diego, se metto quel codice nel css dove mi appare l' effetto?

si..
è un codicino semplice semplice e funzionante..
solo che lo devi mettere tutto nel widget e non nel css..

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.

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

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' è.

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

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

Non ce l' ho il ridimensionamento automatico.

E' impostato, nel CSS, il sistema avanzato?

Saluti!

Sì

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' è.

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?

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.

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';">

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.

Crow quel codice non funziona.
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?

uppettino

Crow ho bisogno di te!

Non ho ancora risolto, purtroppo...