Javascript Browser Compatibility Help

[emblewembl]

Hi all, I very rarely have to write any javascript and have just done a site for a friend which needs javascript to load a big image onto the screen when any thumbnail is clicked. Basically it all works exactly as we want in IE 6 but I am interested in how this javascript will work in other browsers and if there is anything that I can do to ensure that it works in as many as possible.

The main javascript function that I am concerned about is:

function showImage(    url, iname    )
    {
        var portraitImage = iname;
        
        document.getElementById( "bigImage" ).src = url;
        
        if (portraitImage == "True"){
        document.getElementById( "bigImage" ).style.width = "200px";
        document.getElementById( "bigImage" ).style.height = "301px";
        }
        else
        {
        document.getElementById( "bigImage" ).style.width = "301px";
        document.getElementById( "bigImage" ).style.height = "200px";
        }
}

and the url of the (non public) website is

http://www.pickwickpictures.co.uk/viewjob5.aspx?proj=molly

Thanks.


i love chocolate

 

[BillyRayPreachersSon]

That code looks cross-browser to me.

However, your site doesn't look at all good in Firefox 1.5 - the site is really, really wide, and you have to scroll the whole page (not just the thumbnails), which means any time you want to see a large version, you have to re-centre the page.

You could probably ask in the HTML forum (forum215) about fixing this.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[emblewembl]

Hi Dan, thanks for that. Funnily enough I knew about the Firefox problem and was going to ask for help on that one as well! Thanks

i love chocolate