[jQuery] Re: safari (win, mac) issues with fadeIn + callback

2007-10-10 Thread jojet 

Hi all,
I had a similar problem where fadeIn() and fadeOut() was just not
working for me but I found a solution.

This may not work for you but I got it to work by simply replacing my
fadeIn() and fadeOut() with these calls:

{your jQuery obj}.fadeTo(fast,0);
...blah blah
{your jQuery obj}.fadeTo(fast,1);

Everything worked fine for me then.

I hope this helps

Joel

[jQuery] Re: safari (win, mac) issues with fadeIn + callback

2007-10-09 Thread Bircha 

Hi,

I googled this thread (having the same problem) and it seems that
Safari won't render images that have the CSS-property display: block
set.

See this site: 
http://f6design.com/journal/2006/09/29/image-source-swapping-css-and-safari/

This is a serious issue cause the whole library runs on the display
property.

On Oct 3, 11:28 am, bytte [EMAIL PROTECTED] wrote:
 Still looking for a Safari mastermind that can help me out on this
 one... ;)

 On 1 okt, 14:24, bytte [EMAIL PROTECTED] wrote:

  I have the latest jQuery version installed. And the problem occurs on
  the stable 2.0 version ofSafarion Mac.
  Too bad. Anyone else that has any idea?

  On 1 okt, 05:26, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:

   You should update your jQuery version...
   i had version 1.1.3.1 and it didn't work right inSafari3.
   With version 1.2.xx it works fine.

   On Sep 30, 1:51 pm, bytte [EMAIL PROTECTED] wrote:

I've been looking into this for the past 12 hours or so. I'm starting
to get crazy. Any help would be deeply appreciated. It works in all
browsers, yet not inSafari.
(sorry for bumping - but this list is my last hope at the moment)

On 29 sep, 16:53, bytte [EMAIL PROTECTED] wrote:

 I have made a very basic slideshow, with help from this list, that
 looks for images in a database, then displays them. Here's the 
 link:http://www.sum.be/project/item.php?item=14ID=39〈=1(navigate
 through the pics by using the small arrows to the right of the
 picture)

 It works ok in all tested browsers (ff mac/win, ie, opera mac/win),
 yet not onsafari(mac+win).

 As you'll see there's a problem with the fadeIn/fadeOut resulting in a
 blank space where the picture should reside.

 Here's the code I use to make the old picture fadeOut and the new one
 fadeIn:

 function showNewPic(json,lang) {
  var img = new Image();
  img.onload = function(){
   $('.jq_loading').hide();
   $('.projectpic').fadeOut(fast,function() {
$('.projectpic').attr({ src: ../layout/images/
 uploads/+json.picture, id: jq_ +json.item_ID+ _ +json.menu_een_ID
 + _ +json.menu_twee_ID+ _ +lang+ _ +json.ID, alt:
 json.alt }).fadeIn(fast);
   });
  }
  img.src = ../layout/images/uploads/+json.picture;

 }

 Any idea why it fails inSafari? TheSafariJavascript console gives
 me no errors whatsoever.

[jQuery] Re: safari (win, mac) issues with fadeIn + callback

2007-10-03 Thread bytte 

Still looking for a Safari mastermind that can help me out on this
one... ;)

On 1 okt, 14:24, bytte [EMAIL PROTECTED] wrote:
 I have the latest jQuery version installed. And the problem occurs on
 the stable 2.0 version ofSafarion Mac.
 Too bad. Anyone else that has any idea?

 On 1 okt, 05:26, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:

  You should update your jQuery version...
  i had version 1.1.3.1 and it didn't work right inSafari3.
  With version 1.2.xx it works fine.

  On Sep 30, 1:51 pm, bytte [EMAIL PROTECTED] wrote:

   I've been looking into this for the past 12 hours or so. I'm starting
   to get crazy. Any help would be deeply appreciated. It works in all
   browsers, yet not inSafari.
   (sorry for bumping - but this list is my last hope at the moment)

   On 29 sep, 16:53, bytte [EMAIL PROTECTED] wrote:

I have made a very basic slideshow, with help from this list, that
looks for images in a database, then displays them. Here's the 
link:http://www.sum.be/project/item.php?item=14ID=39〈=1(navigate
through the pics by using the small arrows to the right of the
picture)

It works ok in all tested browsers (ff mac/win, ie, opera mac/win),
yet not onsafari(mac+win).

As you'll see there's a problem with the fadeIn/fadeOut resulting in a
blank space where the picture should reside.

Here's the code I use to make the old picture fadeOut and the new one
fadeIn:

function showNewPic(json,lang) {
 var img = new Image();
 img.onload = function(){
  $('.jq_loading').hide();
  $('.projectpic').fadeOut(fast,function() {
   $('.projectpic').attr({ src: ../layout/images/
uploads/+json.picture, id: jq_ +json.item_ID+ _ +json.menu_een_ID
+ _ +json.menu_twee_ID+ _ +lang+ _ +json.ID, alt:
json.alt }).fadeIn(fast);
  });
 }
 img.src = ../layout/images/uploads/+json.picture;

}

Any idea why it fails inSafari? TheSafariJavascript console gives
me no errors whatsoever.

[jQuery] Re: safari (win, mac) issues with fadeIn + callback

2007-10-01 Thread [EMAIL PROTECTED] 

I have the same problem !
The version of Safari i use is Safari 3 beta for mac..
Need help !

On Sep 30, 1:51 pm, bytte [EMAIL PROTECTED] wrote:
 I've been looking into this for the past 12 hours or so. I'm starting
 to get crazy. Any help would be deeply appreciated. It works in all
 browsers, yet not in Safari.
 (sorry for bumping - but this list is my last hope at the moment)

 On 29 sep, 16:53, bytte [EMAIL PROTECTED] wrote:

  I have made a very basic slideshow, with help from this list, that
  looks for images in a database, then displays them. Here's the 
  link:http://www.sum.be/project/item.php?item=14ID=39〈=1(navigate
  through the pics by using the small arrows to the right of the
  picture)

  It works ok in all tested browsers (ff mac/win, ie, opera mac/win),
  yet not on safari (mac+win).

  As you'll see there's a problem with the fadeIn/fadeOut resulting in a
  blank space where the picture should reside.

  Here's the code I use to make the old picture fadeOut and the new one
  fadeIn:

  function showNewPic(json,lang) {
       var img = new Image();
       img.onload = function(){
            $('.jq_loading').hide();
            $('.projectpic').fadeOut(fast,function() {
                 $('.projectpic').attr({ src: ../layout/images/
  uploads/+json.picture, id: jq_ +json.item_ID+ _ +json.menu_een_ID
  + _ +json.menu_twee_ID+ _ +lang+ _ +json.ID, alt:
  json.alt }).fadeIn(fast);
            });
       }
       img.src = ../layout/images/uploads/+json.picture;

  }

  Any idea why it fails in Safari? The Safari Javascript console gives
  me no errors whatsoever.

[jQuery] Re: safari (win, mac) issues with fadeIn + callback

2007-10-01 Thread [EMAIL PROTECTED] 

You should update your jQuery version...
i had version 1.1.3.1 and it didn't work right in Safari 3.
With version 1.2.xx it works fine.

On Sep 30, 1:51 pm, bytte [EMAIL PROTECTED] wrote:
 I've been looking into this for the past 12 hours or so. I'm starting
 to get crazy. Any help would be deeply appreciated. It works in all
 browsers, yet not in Safari.
 (sorry for bumping - but this list is my last hope at the moment)

 On 29 sep, 16:53, bytte [EMAIL PROTECTED] wrote:

  I have made a very basic slideshow, with help from this list, that
  looks for images in a database, then displays them. Here's the 
  link:http://www.sum.be/project/item.php?item=14ID=39〈=1(navigate
  through the pics by using the small arrows to the right of the
  picture)

  It works ok in all tested browsers (ff mac/win, ie, opera mac/win),
  yet not on safari (mac+win).

  As you'll see there's a problem with the fadeIn/fadeOut resulting in a
  blank space where the picture should reside.

  Here's the code I use to make the old picture fadeOut and the new one
  fadeIn:

  function showNewPic(json,lang) {
       var img = new Image();
       img.onload = function(){
            $('.jq_loading').hide();
            $('.projectpic').fadeOut(fast,function() {
                 $('.projectpic').attr({ src: ../layout/images/
  uploads/+json.picture, id: jq_ +json.item_ID+ _ +json.menu_een_ID
  + _ +json.menu_twee_ID+ _ +lang+ _ +json.ID, alt:
  json.alt }).fadeIn(fast);
            });
       }
       img.src = ../layout/images/uploads/+json.picture;

  }

  Any idea why it fails in Safari? The Safari Javascript console gives
  me no errors whatsoever.

[jQuery] Re: safari (win, mac) issues with fadeIn + callback

2007-10-01 Thread bytte 

I have the latest jQuery version installed. And the problem occurs on
the stable 2.0 version of Safari on Mac.
Too bad. Anyone else that has any idea?

On 1 okt, 05:26, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
 You should update your jQuery version...
 i had version 1.1.3.1 and it didn't work right in Safari 3.
 With version 1.2.xx it works fine.

 On Sep 30, 1:51 pm, bytte [EMAIL PROTECTED] wrote:

  I've been looking into this for the past 12 hours or so. I'm starting
  to get crazy. Any help would be deeply appreciated. It works in all
  browsers, yet not in Safari.
  (sorry for bumping - but this list is my last hope at the moment)

  On 29 sep, 16:53, bytte [EMAIL PROTECTED] wrote:

   I have made a very basic slideshow, with help from this list, that
   looks for images in a database, then displays them. Here's the 
   link:http://www.sum.be/project/item.php?item=14ID=39〈=1(navigate
   through the pics by using the small arrows to the right of the
   picture)

   It works ok in all tested browsers (ff mac/win, ie, opera mac/win),
   yet not on safari (mac+win).

   As you'll see there's a problem with the fadeIn/fadeOut resulting in a
   blank space where the picture should reside.

   Here's the code I use to make the old picture fadeOut and the new one
   fadeIn:

   function showNewPic(json,lang) {
var img = new Image();
img.onload = function(){
 $('.jq_loading').hide();
 $('.projectpic').fadeOut(fast,function() {
  $('.projectpic').attr({ src: ../layout/images/
   uploads/+json.picture, id: jq_ +json.item_ID+ _ +json.menu_een_ID
   + _ +json.menu_twee_ID+ _ +lang+ _ +json.ID, alt:
   json.alt }).fadeIn(fast);
 });
}
img.src = ../layout/images/uploads/+json.picture;

   }

   Any idea why it fails in Safari? The Safari Javascript console gives
   me no errors whatsoever.

[jQuery] Re: safari (win, mac) issues with fadeIn + callback

2007-09-30 Thread bytte 

I've been looking into this for the past 12 hours or so. I'm starting
to get crazy. Any help would be deeply appreciated. It works in all
browsers, yet not in Safari.
(sorry for bumping - but this list is my last hope at the moment)

On 29 sep, 16:53, bytte [EMAIL PROTECTED] wrote:
 I have made a very basic slideshow, with help from this list, that
 looks for images in a database, then displays them. Here's the 
 link:http://www.sum.be/project/item.php?item=14ID=39〈=1(navigate
 through the pics by using the small arrows to the right of the
 picture)

 It works ok in all tested browsers (ff mac/win, ie, opera mac/win),
 yet not on safari (mac+win).

 As you'll see there's a problem with the fadeIn/fadeOut resulting in a
 blank space where the picture should reside.

 Here's the code I use to make the old picture fadeOut and the new one
 fadeIn:

 function showNewPic(json,lang) {
  var img = new Image();
  img.onload = function(){
   $('.jq_loading').hide();
   $('.projectpic').fadeOut(fast,function() {
$('.projectpic').attr({ src: ../layout/images/
 uploads/+json.picture, id: jq_ +json.item_ID+ _ +json.menu_een_ID
 + _ +json.menu_twee_ID+ _ +lang+ _ +json.ID, alt:
 json.alt }).fadeIn(fast);
   });
  }
  img.src = ../layout/images/uploads/+json.picture;

 }

 Any idea why it fails in Safari? The Safari Javascript console gives
 me no errors whatsoever.