jQuery Animation soll <div> nicht verlassen !

[happypcuser]

Hey Leutez,

wie man schon unschwer an meinem Titel des Threads lesen kann würde ich gerne wissen wie ich es hinbekomme das meine Bild Animation das <div> verlässt.

<div id="home_news_block">
	<img src="/images/Dayz-Runaway.jpg" id="news_img"  width="100%" height="100%">
	<div id="home_block_slogan">
		<p>Inhalt Slogan Inhalt Slogan Inhalt Slogan Inhalt</p>
	</div>
</div>

$(function() {
  
  init_home();
  
});


function init_home()
{
	$("#news_img").animate(
	{
		width: 1280,
		height: 720
	},20000) ;
}

Dies ist mein HTML/jQuery Code (hier kann man das erstellte <div> sehen und das IMG was enthalten ist. Nun habe ich in meiner jQuery Datei eine Animation erstellt.
Und zwar Folgende, man kann sie auf dieser Seite auch sehen: spieletipps - verrckt nach Games: News, Tests, Cheats, Meinungen und mehr .Das Bild wird innerhalb des <div> groß -> klein gezogen.

Mein Bild verlässt aber leider das <div> bzw. es geht drüber hinweg, soll aber sozusagen darunter (nicht sichtbar außerhalb des <div>) verzogen werden D


MFG HappyPcUser

 

[s4ty]

Klingt mir nach einem simplem overflow:hidden auf dem container.

 

[happypcuser]

Klingt mir nach einem simplem overflow:hidden auf dem container.

Ya, richitg. Das hat sogar funktioniert. DANKE