[jQuery] Re: remove() Method Causes Flicker in Firefox
Any ideas on this? Still stuck...
On Nov 1, 4:33 pm, Joe <[EMAIL PROTECTED]> wrote:
> I have to remove it, because the code directly following shows it
> loading the new image and appending it to the parent div. So in order
> for the image that was faded out to not be there, it has to be
> removed. Once all the rows of the table have been clicked on, they
> images are cached and then I can just alter the "src" attribute's
> value for the image.
>
> As far as the dimensions are concerned, I disagree. The flicker only
> occurs in Firefox, and moreover, the images are dynamically created
> with a php script in the CMS that I built. They all can't be the same
> size, because the images will never all be the same size, and in order
> to keep the aspect ratio intact, I have to allow them to have
> different widths and heights.
>
> So thanks for the suggestion, but still having an issue.
>
> And I'm glad you like the site...my own creation on the front end and
> all the work on the back end as well.
>
> Cheers.
>
> Joe
>
> www.subprint.com
>
> On Nov 1, 1:43 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
> wrote:
>
> > Not sure why you wouldremovethe photo... What happens when you hide
> > it.
>
> > On my G4 mac everything looks good except on the photo of "Little Dave
> > Thompson". It moves up and down as it comes in. Noflickerbut it
> > doesn't look right.
>
> > I think your problem is related to different dimension in your images.
> > When you display "Little Dave Thompson" you are removing an image with
> > different height dimensions. I'd recommend keep heights and widths the
> > same on all images. No need toremoveimages either. Just hide them,
> > check to see if they are there before you load them. (Easy to do in
> > JQuery)
>
> > The website looks great BTW. I have my own band (http://
> > RodeoClownsBand.com)
>
> > Regards,
>
> > -b
>
> > On Oct 31, 3:18 pm, Joe <[EMAIL PROTECTED]> wrote:
>
> > > Go here:
>
> > >http://www.theshedbbq.com/dev/franchise/events
>
> > > Click on one of the rows in the table and you'll see the image fade
> > > out and thenflicker.
>
> > > var livePhoto = $('img#eventImage');
> > > livePhoto.fadeOut('fast');
> > > livePhoto.remove();
>
> > > Not sure what is causing this but I use
> > > setTimeout( livePhoto.remove(), 50 but it did not work.
>
> > > Suggestions?
[jQuery] Re: remove() Method Causes Flicker in Firefox
I have to remove it, because the code directly following shows it
loading the new image and appending it to the parent div. So in order
for the image that was faded out to not be there, it has to be
removed. Once all the rows of the table have been clicked on, they
images are cached and then I can just alter the "src" attribute's
value for the image.
As far as the dimensions are concerned, I disagree. The flicker only
occurs in Firefox, and moreover, the images are dynamically created
with a php script in the CMS that I built. They all can't be the same
size, because the images will never all be the same size, and in order
to keep the aspect ratio intact, I have to allow them to have
different widths and heights.
So thanks for the suggestion, but still having an issue.
And I'm glad you like the site...my own creation on the front end and
all the work on the back end as well.
Cheers.
Joe
www.subprint.com
On Nov 1, 1:43 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
wrote:
> Not sure why you wouldremovethe photo... What happens when you hide
> it.
>
> On my G4 mac everything looks good except on the photo of "Little Dave
> Thompson". It moves up and down as it comes in. Noflickerbut it
> doesn't look right.
>
> I think your problem is related to different dimension in your images.
> When you display "Little Dave Thompson" you are removing an image with
> different height dimensions. I'd recommend keep heights and widths the
> same on all images. No need toremoveimages either. Just hide them,
> check to see if they are there before you load them. (Easy to do in
> JQuery)
>
> The website looks great BTW. I have my own band (http://
> RodeoClownsBand.com)
>
> Regards,
>
> -b
>
> On Oct 31, 3:18 pm, Joe <[EMAIL PROTECTED]> wrote:
>
> > Go here:
>
> >http://www.theshedbbq.com/dev/franchise/events
>
> > Click on one of the rows in the table and you'll see the image fade
> > out and thenflicker.
>
> > var livePhoto = $('img#eventImage');
> > livePhoto.fadeOut('fast');
> > livePhoto.remove();
>
> > Not sure what is causing this but I use
> > setTimeout( livePhoto.remove(), 50 but it did not work.
>
> > Suggestions?
[jQuery] Re: remove() Method Causes Flicker in Firefox
Not sure why you would remove the photo... What happens when you hide
it.
On my G4 mac everything looks good except on the photo of "Little Dave
Thompson". It moves up and down as it comes in. No flicker but it
doesn't look right.
I think your problem is related to different dimension in your images.
When you display "Little Dave Thompson" you are removing an image with
different height dimensions. I'd recommend keep heights and widths the
same on all images. No need to remove images either. Just hide them,
check to see if they are there before you load them. (Easy to do in
JQuery)
The website looks great BTW. I have my own band (http://
RodeoClownsBand.com)
Regards,
-b
On Oct 31, 3:18 pm, Joe <[EMAIL PROTECTED]> wrote:
> Go here:
>
> http://www.theshedbbq.com/dev/franchise/events
>
> Click on one of the rows in the table and you'll see the image fade
> out and then flicker.
>
> var livePhoto = $('img#eventImage');
> livePhoto.fadeOut('fast');
> livePhoto.remove();
>
> Not sure what is causing this but I use
> setTimeout( livePhoto.remove(), 50 but it did not work.
>
> Suggestions?
