mh ye i see.
can't even change the attr in ie itself 'cause it always gets 0 again.
maybe it doesn't like that > in $('#'+litebox+'>img.lite').
atm i don't see a mistake in your script.
-weidc
On 23 Okt., 14:27, diego <[EMAIL PROTECTED]> wrote:
> The problem is that the my elements are 'display:none' that's why if i
> try your code the alert returns 0-0,
> i need to use .attr, height and width..
>
> Diego
>
> On 23 Ott, 14:08, diego <[EMAIL PROTECTED]> wrote:
>
> > here an exemplehttp://www.pirolab.it/piro_09/index2.html
>
> > the first three thumbs of the first box
>
> > diego
>
> > On 23 Ott, 14:00, diego <[EMAIL PROTECTED]> wrote:
>
> > > Hi all, I'm building a gallery, and so far it works in every browser
> > > except Internet Explorer,
> > > The problem is that IE (burns to hell) doesn't read these variables
>
> > > var height = $('#'+litebox+'>img.lite').attr('height');
> > > var width = $('#'+litebox+'>img.lite').attr('width');
>
> > > the alert (alert(litebox+'-'+height + '-'+width );) returns img1-0-0
>
> > > and i really don't know why....
> > > I tried to change the attributes height and width, in title and alt,
> > > giving the dimensions to the image in that way , and it works, but I
> > > cannot use title and alt to assign dimensions.
> > > I just want to understand why it does not work..
> > > Below a part of the js code:
>
> > > $('.img_in li a ').click(function () {
> > >
> > > $('.bg_thumbs').show().css({'opacity':'0','z-
> > > index':'999'}).fadeTo(200,0.4)
> > > $('.thumbs_big ').css({
> > > 'background-color':'#000',
> > >
> > > 'background-image':'url(css3/ajax-loader.gif)',
> > > 'background-repeat':'no-repeat',
> > > 'background-position':'center'})
>
> > > var litebox = $(this).attr('rel');
> > > var height = $('#'+litebox
> > > +'>img.lite').attr('height');
> > > var width = $('#'+litebox
> > > +'>img.lite').attr('width');
> > >
> > > $('#'+litebox).show().css('opacity',0).animate({
> > > borderWidth : '4px',
> > > top :'50%',
> > > height : (height ) + 'px' ,
> > > width : (width ) + 'px' ,
> > > marginLeft : '-' +((width )/2)
> > > +'px',
> > > marginTop : '-' +((height )/2)
> > > +'px',
> > > opacity : 1
> > > },600)
> > > alert(litebox+'-'+height +
> > > '-'+width );
> > > $('#'+litebox).queue(function(){
> > > $('.thumbs_big
> > > img').css({'opacity':'0' ,'display' :
> > > 'block'}).fadeTo(300,1)
> > > $('.thumbs_big
> > > ').css('background','#000')
> > > $('#'+litebox).dequeue()
> > > });
> > > return false;
>
> > > });
> > > and here a part of html code:
>
> > > <li id="img_1" title="thumb_1">
> > > <a href="#" rel="img1"><img src="images/diegovalobra.jpg" alt="prova"
> > > width="200" height="139" id="thumb_1"/></a>
> > > </li>
>
> > > <span class="thumbs_big" id="img1">
> > > <img src="images/diegovalobra_b.jpg" alt="prova" width="900"
> > > height="585" class="lite"/>
> > > <span class="thumbs_close" title="chiudi"><img src="css3/close.png"
> > > alt="prova" width="30" height="30" /></span>
> > > </span>
>
> > > I've tested the code in firefox, opera, google chrome, safari(pc) and
> > > works fine...
> > > IE sucks
>
> > > every kind of help is appreciated, thanks to all :)
>
> > > Diego
