I still have hard time making it works.
ANY IDEAS ARE WELCOME.
thanks and have a nice weekend
Sig
On May 4, 10:39 am, Macsig <sigbac...@gmail.com> wrote:
> Any ideas?
>
> Thanks
>
> On May 4, 12:50 am, Macsig <sigbac...@gmail.com> wrote:
>
> > Hi, I think I have solved it but now an other question for you:
>
> > can I display by default the right part of the image?
>
> > THANKS
>
> > Sig
>
> > On May 4, 12:23 am, macsig <sigbac...@gmail.com> wrote:
>
> > > Hi guys,
> > > I have a couple of images with width = 280px and I would like to
> > > display, when the page is loaded, only a piece of them (the left
> > > 240px) and all the image once themousegoesoverthe image.
>
> > > This is the html (for 1 image)
>
> > > <divclass="badge" style="width: 240px; height:78px; overflow:
> > > hidden;"><img src="badge_1.gif" /></div>
>
> > > And here my script
>
> > > $(document).ready(function(){
> > > $('badge').hover(function() {
> > > $(this).animate({ width: "280px"});
> > > }, function() {
> > > $(this).animate({ width: "240px"});
> > > $(this).css({ "overflow", "hidden"});
> > > }
> > > );
>
> > > });
>
> > > I have added the last line because without it thedivbecomes 240px
> > > but right after that since the image is 280px it returns to 280px.
> > > But with that line I get :
>
> > > invalid object initializer: $(this).css({ "overflow", "hidden"});
>
> > > How can I get the effect I wish???
>
> > > Thanks and have a nice day!
>
> > > Sig
