Anteprima div

[stakkit]

Ciao a tutti!
Mi potete dire per favore se esiste un modo per creare un anteprima di un div che ha metà del suo contenuto nascosto?

Io ho creato un div (200x200px) e al suo interno c'è un background enorme e si vede solo una parte. Ora vorrei che quando si passa il mouse sopra il div faccia vedere un anteprima.

Ho provato con un tooltip jQuery ma devo per forza usare il tag <a href> o <img src>.

[stakkit]

Io voglio che all'interno del div non ci sia nessun altro tag.
Sto cercando un modo per collegare il div all'anteprima con ad esempio <div title="anteprima">.

Potete aiutarmi?

Grazie mille!

[Peppe psp]

vorrei aiutarti ma non ho capito bene quello che vuoi ottenere, da quello che mi è parso di capire tu hai un div nascosto e quando ci passi sopra con il mouse dovresti poter vederne una parte, giusto?

[stakkit]

Originariamente inviato da Peppe psp
vorrei aiutarti ma non ho capito bene quello che vuoi ottenere, da quello che mi è parso di capire tu hai un div nascosto e quando ci passi sopra con il mouse dovresti poter vederne una parte, giusto?

Si!


In questo modo:

[roberto763]

quello che vuoi tu in html non lo fai... javascript

[Peppe psp]

ok, il codice di base e questo poi per eventuali personalizzazioni pensaci tu, puoi utilizzare semplice javascript o il framework jquery, io ti consiglio quest'ultimo perchè le animazioni sono nettamente migliori, comunque ti presento tutti e due, faccio finta che il tuo sfondo misuri 500x600
HTML per JavaScript

<div id="title" style="background-image: url(bg.jpg);" onmouseover="anteprima('title',500, 600);"></div>

JavaScript semplice

function anteprima(iId, iWidth, iHeight) {
	document.getElementById(iId).style.width=iWidth;
	document.getElementById(iId).style.width=iHeight;
}

HTML per jQuery

<div id="title" style="background-image: url(bg.jpg);"></div>

JavaScript con jQuery

$('#title').mouseover(function(){
	$('#title').animate({
		width:"500px";
		height:"600px";
	}, 2000);
})

[stakkit]

Grazie mille Peppe!